/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
  overflow: hidden;
}
article,aside,footer,header,nav,section {
    display: block
}
#root .content-container{
    min-height: calc(100vh - 50px);
    min-height: calc(100dvh - 50px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    max-width: 500px;
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 22.6667px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -1.13333px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-fade-appear,.am-fade-enter {
    opacity: 0
}

.am-fade-appear,.am-fade-enter,.am-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-fade-appear.am-fade-appear-active,.am-fade-enter.am-fade-enter-active {
    -webkit-animation-name: amFadeIn;
    animation-name: amFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-fade-leave.am-fade-leave-active {
    -webkit-animation-name: amFadeOut;
    animation-name: amFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes amFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes amFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes amFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.am-slide-up-appear,.am-slide-up-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.am-slide-up-appear,.am-slide-up-enter,.am-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-up-appear.am-slide-up-appear-active,.am-slide-up-enter.am-slide-up-enter-active {
    -webkit-animation-name: amSlideUpIn;
    animation-name: amSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-up-leave.am-slide-up-leave-active {
    -webkit-animation-name: amSlideUpOut;
    animation-name: amSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.am.am-zoom-enter,.am.am-zoom-leave {
    display: block
}

.am-zoom-appear,.am-zoom-enter {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    -webkit-animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
    animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    -webkit-animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
    animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-appear.am-zoom-appear-active,.am-zoom-enter.am-zoom-enter-active {
    -webkit-animation-name: amZoomIn;
    animation-name: amZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-zoom-leave.am-zoom-leave-active {
    -webkit-animation-name: amZoomOut;
    animation-name: amZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
.game-menu-item, .main-nav-item, .menu-item, .game-nav-item, .channel-item, .common-logo, 
.login-btn, .register-btn, .swiper-inner, .img-loading, .more-hot-game, .see-all, 
.download-bar-btn, .app-full-name-wrap, .download-bar-icon, .vendor-icon, .footer-item{
    cursor: pointer;
}
.am-slide-down-appear,.am-slide-down-enter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.am-slide-down-appear,.am-slide-down-enter,.am-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-down-appear.am-slide-down-appear-active,.am-slide-down-enter.am-slide-down-enter-active {
    -webkit-animation-name: amSlideDownIn;
    animation-name: amSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-down-leave.am-slide-down-leave-active {
    -webkit-animation-name: amSlideDownOut;
    animation-name: amSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

*,:after,:before {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
    font-size: 50px
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18.1333px;
    background-color: #f5f5f9
}

[contenteditable] {
    -webkit-user-select: auto!important
}

:focus,a {
    outline: none
}

a {
    background: transparent;
    text-decoration: none
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-modal {
    position: relative
}

.am-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,.4)
}

.am-modal-mask-hidden {
    display: none
}

.am-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-modal.am-modal-transparent .am-modal-content {
    border-radius: .14rem;
    height: auto;
    padding-top: 17px
}

.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
    padding: 0 17px 17px
}

.am-modal-title {
    margin: 0;
    font-size: .36rem;
    line-height: 1;
    color: #000;
    text-align: center
}

.am-modal-header {
    padding: 1.13333px 17px 17px
}

.am-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    background-clip: padding-box;
    text-align: center;
    height: 100%;
    overflow: hidden
}

.am-modal-close {
    border: 0;
    padding: 0;
    background-color: transparent;
    outline: none;
    position: absolute;
    right: 17px;
    z-index: 999;
    height: .42rem;
    width: .42rem
}

.am-modal-close-x {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E")
}

.am-modal-body {
    font-size: 17px;
    color: #888;
    height: 100%;
    line-height: 1.5;
    overflow: auto
}

.am-modal-button-group-h {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-modal-button-group-h .am-modal-button {
    -webkit-touch-callout: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #108ee9;
    font-size: .36rem;
    height: 56.6667px ;
    line-height: 56.6667px ;
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-modal-button-group-h .am-modal-button:first-child {
    color: #000;
    border-right: 1px solid #ddd
}

.am-modal-button-group-v .am-modal-button {
    -webkit-touch-callout: none;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #108ee9;
    font-size: .36rem;
    height: 56.6667px ;
    line-height: 56.6667px ;
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-modal-button-active {
    background-color: #ddd
}

.am-modal-input {
    height: 40.8px;
    line-height: 1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.am-modal-input:first-child {
    margin-top: 10.2px;
    border-top: 1px solid #ddd;
    border-top-left-radius: .06rem;
    border-top-right-radius: .06rem
}

.am-modal-input:last-child {
    border-bottom-left-radius: .06rem;
    border-bottom-right-radius: .06rem
}

.am-modal-input input {
    border: 0;
    width: 98%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: .06rem 0
}

.am-modal-input input::-webkit-input-placeholder {
    font-size: 15.8667px;
    color: #ccc;
    padding-left: 9.06667px
}

.am-modal-input input:-ms-input-placeholder {
    font-size: 15.8667px;
    color: #ccc;
    padding-left: 9.06667px
}

.am-modal-input input::placeholder {
    font-size: 15.8667px;
    color: #ccc;
    padding-left: 9.06667px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
    border-radius: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header {
    padding: 10.2px .48rem 13.6px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
    text-align: left;
    font-size: .42rem;
    color: #000
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
    color: #000;
    text-align: left;
    padding: 0 .48rem 17px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input {
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input:first-child {
    border-top: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
    padding-bottom: 13.6px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h {
    overflow: hidden;
    border-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 13.6px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin-left: .06rem;
    padding: 0 17px;
    height: .96rem;
    box-sizing: border-box
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child {
    border-right: 0;
    color: #777
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 13.6px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button {
    border-top: 0;
    padding: 0 17px;
    margin-left: .06rem;
    height: .96rem;
    box-sizing: border-box
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button {
    text-align: start;
    padding-left: 17px
}

.am-modal.am-modal-operation .am-modal-content {
    border-radius: .14rem;
    height: auto;
    padding-top: 0
}

.am-modal.am-modal-operation .am-modal-content .am-modal-body {
    padding: 0!important
}

.am-modal.am-modal-operation .am-modal-content .am-modal-button {
    color: #000;
    text-align: center
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: .44rem;
    height: .44rem
}

.am-icon-xxs {
    width: 17px;
    height: 17px
}

.am-icon-xs {
    width: .36rem;
    height: .36rem
}

.am-icon-sm {
    width: .42rem;
    height: .42rem
}

.am-icon-md {
    width: .44rem;
    height: .44rem
}

.am-icon-lg {
    width: 40.8px;
    height: 40.8px
}

.am-icon-loading {
    -webkit-animation: cirle-anim 1s linear infinite;
    animation: cirle-anim 1s linear infinite
}

@-webkit-keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-toast {
    position: fixed;
    width: 100%;
    z-index: 1999;
    font-size: 15.8667px;
    text-align: center
}

.am-toast>span {
    max-width: 50%
}

.am-toast.am-toast-mask {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    top: 0
}

.am-toast.am-toast-nomask {
    position: fixed;
    max-width: 50%;
    width: auto;
    left: 50%;
    top: 50%
}

.am-toast.am-toast-nomask .am-toast-notice {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.am-toast-notice-content .am-toast-text {
    min-width: 68px;
    border-radius: .06rem;
    color: #fff;
    background-color: rgba(58,58,58,.9);
    line-height: 1.5;
    padding: 10.2px 17px
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon {
    border-radius: 5.66667px;
    padding: 17px
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
    margin-top: 1.13333px
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-popup-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    height: 100%;
    z-index: 999
}

.am-popup-close,.am-popup-mask-hidden {
    display: none
}

.am-popup {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999
}

.am-popup-slide-down {
    top: 0
}

.am-popup-slide-up {
    bottom: 0
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-list-header {
    padding: 17px 17px 10.2px;
    font-size: 15.8667px;
    color: #888;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.am-list-footer {
    padding: 10.2px 17px 17px;
    font-size: 15.8667px;
    color: #888
}

.am-list-body {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #ddd
}

.am-list-body:after,.am-list-body div:not(:last-child) .am-list-line:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-list-body div:not(:last-child) .am-list-line:after {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto
}

.am-list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 17px;
    min-height: .88rem;
    background-color: #fff;
    vertical-align: middle;
    overflow: hidden;
    transition: background-color .2s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-list-item .am-list-ripple {
    position: absolute;
    background: transparent;
    display: inline-block;
    overflow: hidden;
    will-change: box-shadow,transform;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.am-list-item .am-list-ripple.am-list-ripple-animate {
    background-color: hsla(0,0%,62%,.2);
    -webkit-animation: ripple 1s linear;
    animation: ripple 1s linear
}

.am-list-item.am-list-item-top .am-list-line {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
    margin-top: .04rem
}

.am-list-item.am-list-item-middle .am-list-line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-list-item.am-list-item-bottom .am-list-line {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.am-list-item.am-list-item-error .am-list-line .am-list-extra,.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
    color: #f50
}

.am-list-item.am-list-item-active {
    background-color: #ddd
}

.am-list-item.am-list-item-disabled .am-list-line .am-list-content,.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
    color: #bbb
}

.am-list-item img {
    width: .44rem;
    height: .44rem;
    vertical-align: middle
}

.am-list-item .am-list-thumb:first-child {
    margin-right: 17px
}

.am-list-item .am-list-thumb:last-child {
    margin-left: 9.06667px
}

.am-list-item .am-list-line {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 17px;
    min-height: .88rem;
    overflow: hidden
}

.am-list-item .am-list-line .am-list-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    color: #000;
    font-size: .34rem;
    text-align: left
}

.am-list-item .am-list-line .am-list-content,.am-list-item .am-list-line .am-list-extra {
    line-height: 1.5;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .14rem;
    padding-bottom: .14rem
}

.am-list-item .am-list-line .am-list-extra {
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    color: #888;
    font-size: 18.1333px;
    text-align: right
}

.am-list-item .am-list-line .am-list-brief,.am-list-item .am-list-line .am-list-title {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-list-item .am-list-line .am-list-brief {
    color: #888;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 1.13333px
}

.am-list-item .am-list-line .am-list-arrow {
    display: block;
    width: 17px;
    height: 17px;
    margin-left: 9.06667px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    visibility: hidden
}

.am-list-item .am-list-line .am-list-arrow-horizontal {
    visibility: visible
}

.am-list-item .am-list-line .am-list-arrow-vertical {
    visibility: visible;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-list-item .am-list-line .am-list-arrow-vertical-up {
    visibility: visible;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.am-list-item .am-list-line-multiple {
    padding: .25rem 17px .25rem 0
}

.am-list-item .am-list-line-multiple .am-list-content,.am-list-item .am-list-line-multiple .am-list-extra {
    padding-top: 0;
    padding-bottom: 0
}

.am-list-item .am-list-line-wrap .am-list-content,.am-list-item .am-list-line-wrap .am-list-extra {
    white-space: normal
}

.am-list-item select {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    font-size: .34rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

@-webkit-keyframes ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: .42rem;
    height: .42rem
}

.am-checkbox-inner {
    position: absolute;
    right: 0;
    width: .42rem;
    height: .42rem;
    border: .03rem solid #888;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    box-sizing: border-box
}

.am-checkbox-inner:after {
    position: absolute;
    display: none;
    top: .03rem;
    right: 1.13333px;
    z-index: 999;
    width: 5.66667px;
    height: .22rem;
    border-style: solid;
    border-width: 0 .03rem .03rem 0;
    content: " ";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.am-checkbox-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner {
    border-color: #108ee9
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
    display: block;
    border-color: #108ee9
}

.am-checkbox.am-checkbox-disabled {
    opacity: .3
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner,.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
    border-color: #888
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb {
    width: .42rem;
    height: .42rem
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: .88rem
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
    left: 17px;
    top: 13.6px
}

.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {
    color: #bbb
}

.am-checkbox-agree {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: 17px;
    padding-top: 10.2px;
    padding-bottom: 10.2px
}

.am-checkbox-agree .am-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px ;
    height: 100%
}

.am-checkbox-agree .am-checkbox-inner {
    left: 0;
    top: 13.6px
}

.am-checkbox-agree .am-checkbox-agree-label {
    display: inline-block;
    font-size: 17px;
    color: #000;
    line-height: 1.5;
    margin-left: 34px ;
    margin-top: 1.13333px
}

.am-checkbox-agree .am-checkbox-agree-label a {
    color: #108ee9;
    transition: color .3s ease
}

.am-checkbox-agree .am-checkbox-agree-label a:active,.am-checkbox-agree .am-checkbox-agree-label a:hover {
    color: #1284d6
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-button {
    display: block;
    outline: 0 none;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: .36rem;
    height: .94rem;
    line-height: .94rem;
    border-radius: 5.66667px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd
}

.am-button.am-button-active {
    background-color: #ddd
}

.am-button-primary {
    color: #fff;
    background-color: #108ee9;
    border: 1px solid #108ee9
}

.am-button-primary.am-button-active {
    background-color: #1284d6
}

.am-button-ghost {
    color: #108ee9;
    background-color: transparent;
    border: 1px solid #108ee9
}

.am-button-ghost.am-button-active {
    color: #fff;
    background-color: #1284d6;
    border: 1px solid #108ee9
}

.am-button-inline {
    display: inline-block;
    padding: 0 17px
}

.am-button-small {
    font-size: .26rem;
    height: 34px ;
    line-height: 34px ;
    padding: 0 17px;
    border-radius: 5.66667px
}

.am-button-warning {
    color: #f86e21;
    background-color: #fff
}

.am-button-ghost.am-button-across,.am-button-primary.am-button-across,.am-button-warning.am-button-across,.am-button.am-button-across {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.am-button-ghost.am-button-disabled,.am-button-primary.am-button-disabled,.am-button-warning.am-button-disabled,.am-button.am-button-disabled {
    color: #bbb;
    background-color: #ddd;
    border: 0
}

.am-button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-button>.am-icon {
    margin-right: .5em
}

.lazy-load-image-background.blur {
    filter: blur(8.5px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    filter: blur(0);
    transition: filter .3s
}

.lazy-load-image-background.blur>img {
    opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
    opacity: 1;
    transition: opacity .3s
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-navbar {
    -ms-flex-align: center;
    height: .9rem;
    background-color: #108ee9;
    color: #fff
}

.am-navbar,.am-navbar-left,.am-navbar-right,.am-navbar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.am-navbar-left,.am-navbar-right,.am-navbar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -ms-flex-align: center
}

.am-navbar-left {
    padding-left: 17px;
    font-size: 18.1333px
}

.am-navbar-left-icon {
    margin-right: 5.66667px;
    display: inherit
}

.am-navbar-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .36rem;
    white-space: nowrap
}

.am-navbar-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 18.1333px;
    margin-right: 17px
}

.am-navbar-right .anticon {
    margin-right: 5.66667px
}

.am-navbar-right .anticon:last-child {
    margin-right: 0
}

.am-navbar-right-content {
    margin-right: 5.66667px
}

.am-navbar-light {
    background-color: #fff;
    color: #108ee9
}

.am-navbar-light .am-navbar-title {
    color: #000
}

.shell-download-bar {
    transition: top .5s;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    height: 68px;
    padding: 0 14.7333px;
    margin: auto;
    position: relative;
    background: linear-gradient(91deg,#b06d57,#591600),radial-gradient(100% 100% at 100% 0,#184984 0,#23315a 100%)
}
.header-top {
    position: fixed;
    top: 0;
    z-index: 10001;
    left: 0;
    width: 100%;
}
.header-bottom {
    position: fixed;
    top: 68px;
    z-index: 10001;
    left: 0;
    width: 100%;
}
.shell-download-bar.hide-bar {
    top: -1.7rem;
    height: 0
}

.shell-download-bar .download-bar-icon {
    height: 45.3333px;
    border-radius: 11.3333px;
    overflow: hidden
}

.shell-download-bar .download-bar-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shell-download-bar .download-bar-btn {
    min-width: 102px;
    height: 33px;
    line-height: 33px;
    position: absolute;
    top: 26%;
    right: 60px;
    padding: 0 17px;
    border-radius: 26px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    box-shadow: inset 0 .04rem .04rem 0 hsla(0,0%,100%,.7),inset 0 -1.13333px .04rem 0 rgba(0,0,0,.25);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    animation: heartBeat 2s ease-in-out .5s infinite
}

.shell-download-bar .download-bar-close {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    opacity: .5
}

.shell-download-bar .download-bar-gift {
    display: none
}

.shell-download-bar .app-full-name-wrap {
    margin-left: 9px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.shell-download-bar .app-star-grade {
    display: flex;
    align-items: center;
    margin-top: .1em
}

.shell-download-bar .app-star-grade .star-icon {
    width: 13.6px;
    height: 13.6px;
    margin-right: 4.53333px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAYAAAAayliMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALOSURBVHgB7ZlNaBNBFMffzG4aUrEa1ILx4BdYirSkUKFBiXqreBEqQj16UlQKfoCoeOrJguBBERE8KBQsHjxYvFWDkJNorR/15sUPlLRiKmmym3m6b2ZLLekmIZu0u5v/YX9vhsfu8t6++VoGdRK+TE6SofM2Yg56LLCDz3+Bi+LgcengsvBZ4rQyu+lqCtkqFu+p/qPgojyfAQYuC1PJWTI4rC/pYPAoPdilWmjWgC18mhgkY7nI28obw8o6Ay6oWQO2Fsb9guh2dNS5/Pa/GzF6gWPpHNSgZg3g+N4+MspF3pYpZI20wQnVcwtqUDMDgOI60awyFgacVVawM1B2FMJHiQgZf3IdxPZIJzHMB4gGDkAtCrHHRFNMEAV/RYyEpukFy8zY3s8Ajsa3kRVdc4FYVKOJgHZJlNRYFBqpIqo1FfshCZIafyvfCx7Kbo+L4ZO+GbIQGhthl+SDecD+xgrCWxnQGdWIDzIwl+sni+myuhlbC17Qz/kjFvwzEy/MB3YmBKzOTPzO77fATk6lLPpvLYT343EyNO01rCZtaDlugR1Ojy7u9u9qFO90JcloCb2AlVQsTKcXrD9dct8QgP3A3Z5D0hPHoRHSVEwz+fP02Ivvbzi5B+dcCG92fSAjxDqhnmLsG+HUZKwS9+aphOsyxToL9l683Mmd/zOAEwfkSdq7zFaigVBntdJ1Zm6PaqecnANQA58y8pTCwFZopLLYq6ygZyAremElVBA7K3ELQAbsSGhV/syJaB+J2UJePkmLV3cD3FyJVxBmYhUJs8z4r6tYaEyuIoem/ltF4sjuc2TkzEtEzjY53xC3QwUKwH5guEPtjVnpb5ix28Qd4RFqDr75DE73s/83TM9eJXK47OQPu6I0/yy3JgpADYT1B8ScuYXI4QtxY8uQBft8plItiuQV6/LvFGSMWl/nrxGLuI+o8bEl/iXl+Qz8BWz4xiEmMI35AAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.app-win {
    display: none
}

#menu {
    width: 100%;
    bottom: 11.3333px;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    z-index: 200;
    justify-content: space-evenly;
    width: 402.333px;
    height: 70.8333px;
    border-radius: 11.3333px;
    border: 1.13333px solid #ce0000;
    background: #fff;
    box-shadow: inset 0 -.04rem .06rem 0 rgba(0,0,0,.25),inset 0 .04rem 1.13333px 0 hsla(0,0%,100%,.15)
}

#menu,#menu a {
    display: flex;
    align-items: center
}

#menu a {
    position: relative;
    flex: 1 1 0%;
    height: 100%;
    font-size: 13.6px;
    font-weight: 700;
    text-align: center;
    color: #a4a4a4;
    justify-content: center;
    flex-direction: column;
    gap: 7.93333px;
    overflow: visible
}

#menu a.invite span {
    top: 75%
}

#menu a .footer-center,#menu a.invite span {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%)
}

#menu a .footer-center {
    top: 10%;
    width: 62.3333px;
    height: 62.3333px;
    border-radius:113.333px;
    border: 1.13333px solid #ce0000;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    box-shadow: inset 0 -.04rem .04rem 0 rgba(0,0,0,.5),inset 0 .04rem .04rem 0 hsla(0,0%,100%,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

#menu a .footer-center img {
    display: block;
    width: 36.8333px;
    animation: heartBeat 2s ease-in-out .5s infinite
}

#menu a .footer_icon {
    position: relative;
    width: 22.6667px;
    height: 22.6667px;
    display: flex;
    align-items: center;
    justify-content: center
}

#menu a .footer_icon svg {
    width: 22.6667px;
    height: 22.6667px;
    display: block;
    fill: #a4a4a4
}

#menu a.on {
    color: #011022
}

#menu a.on .footer_icon svg {
    fill: url(#icon-active)
}

#menu a span {
    width: 100%;
    line-height: 1;
    font-size: 13.0333px;
    word-break: break-word
}

#menu a.footer-deposit {
    width: 211.3333px
}

#menu .circle-menu {
    position: absolute;
    left: -17px;
    top: -.55rem;
    width: 1.06rem;
    height: 1.06rem;
    padding: 1.13333px;
    border-radius: 50%;
    box-shadow: 0 0 5.66667px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(47deg,#212e3b 14%,#3890f9 85%)
}

#menu .circle-menu .circle-1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(194,221,253,.22);
    display: flex;
    align-items: center;
    justify-content: center
}

#menu .circle-menu .icon-wrap-home svg {
    display: block;
    width: 34px ;
    height: .52rem
}

#menu .circle-menu .icon-wrap-chat {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(159deg,rgba(255,246,206,.6) 14%,hsla(45,88%,84%,0) 82%)
}

#menu .circle-menu .icon-wrap-chat .footer__chat {
    width: 100%;
    height: 100%;
    padding-top: 0
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-icon {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-icon svg {
    width: 28.3333px ;
    fill: #000
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-text {
    display: none
}

@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    #menu {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app #menu {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app #menu {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app #menu {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app #menu {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app #menu {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(70.8333px + (var(--safe-area-inset-bottom)))
    }
}

.sidebar {
    position: absolute;
    top: 113.6px;
    right: 11.3333px
}

.sidebar svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #897d77
}

.sidebar .right-side-menu {
    padding: 11.3333px 13.6px;
    transition: all .3s;
    z-index: 10002;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 13.0333px;
    border: 1px solid #ce0000;
    background: #fff;
    box-shadow: 0 0 .208rem 0 rgba(9,10,14,.3)
}

.sidebar .right-side-menu .close-sidebar {
    position: absolute;
    top: 14.1667px;
    right: 14.1667px;
    z-index: 3001;
    color: #fff
}

.sidebar .right-side-menu .close-sidebar svg {
    display: block;
    width: .456.6667px ;
    height: .456.6667px 
}

.sidebar .right-side-menu .rightbar-content {
    position: relative;
    width: 100%;
    height: 100%
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap {
    position: relative;
    width: 100%
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info {
    display: flex;
    flex-direction: column
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .user-balance {
    background: none;
    color: #011022;
    font-size: 15.8667px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 5.66667px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .user-balance .member-id {
    display: flex;
    align-items: center;
    gap: .13rem
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .user-balance .member-id .am-icon {
    width: 13.6px;
    height: 13.6px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .member-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5.66667px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .member-wrap img {
    width: .88rem;
    height: .88rem;
    border: .04rem solid #ce0000;
    border: .05rem solid transparent;
    border-radius: 50%;
    -webkit-clip-path: inset(0 round 50%);
    clip-path: inset(0 round 50%);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#fff,#fff),linear-gradient(180deg,#ffc819,#ce0000)
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .member-wrap .wrap-user {
    width: .913rem;
    height: .913rem
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .member-wrap .wrap-text {
    padding: 0 .054rem 0 .048rem;
    border-radius: .05rem;
    height: .245rem;
    font-size: 13.6px;
    font-weight: 700;
    margin-top: -11.3333px;
    color: #543c00;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAA4CAMAAADq1XePAAAAS1BMVEUAAADjr0zloyCziTFiV0JiV0LgoytmWkLdojLpuV3oox3hrkvesVvjtVxiV0LntVTfq0XcpkDerlLmpSblpy7jqDfZojniqj6ngTluzV38AAAACXRSTlMAQGAY1pCNUsvo6VI/AAADvUlEQVRYw82YUXLqMAxF04ZCQ+LEobyQ/a/02Qr4Yl3LpD9MRad/nTNHkiWV5k9E2368I1oGf37P8+xnH6J/xHSPTofr3CMGxEWiD+G9v4X4F+Ia4yfE+RHfxxz/OW/hn9iTsEEHN6GH8AF6iOTI9ht7g4MO/DP9uCzzbHl3Ne9Be8sfMhpsiWsLdGAHuoe4aD/MFTfThnn0FnGfxCMa8HMOh7WI+yjewzvSOxJ3G569B5Qb3kJOFUfVBf6xxHgquGBRbsV28QfeSlvgPkZAC1zEA1nTj5H9LRnPyr25W3DVbSmEvOUc3tckflbRirZEBke9O8ub0QN5q5zn+KNUW7wTO1UbfT5VnpgrvDH2FnYeS0g5tPM2L/Q5+GAjlDYNF01vmzt5oect2B7W4GZjzSXyQGNNvJFzFR8be6GcT8g6PfAt7eyNnBe9NfyTvanLmeyUN7XazRvezEa9Z13vTuOdfFKX8zz38MZYg7hiEzkT7xidAui6t51zft8YbB3g7A046l2fqcyeS97S5sqblrfj7Y1NEnOevM9FNoYLjTV4s7Z4c9Lxvsmb6w20l6jXu1puft7UaiZ7lhUKb4K7hzi0nT3X7Jlqe4MuZGo11ka9Lx6thudt1BtoqneuDTzRrXMN7Lo397nwqdfUZAGd+xz1NrxpjYFL2sDX1/dNlbvuLadi+MRhvk107FBzfQMONHmD/GPUG97m5QC87d3DO8Q+b1pjE+jVNue5Bm3tzWzrZNrpDW2jz1/vb7B5tACuwa7o3ZM3xOs5hzcWmdLe+b73zxb2pianVWKubwka53v6XOHZ2wFO5cZ1Ltp1b1yKmze48tvWLv0Xeileile73jOtbwlRfuXN25tOZEHbOYc3Ep56jb2xQrU3zjVJOk0WY557eOM4j2j2tr91uKg250fG3gIXNE7ke7A34PYagze3Wr3PeZPUvflE5qulXm8Jvhy0dyo3bVDR7oveIO+7HRgONHnX1rflvar/xuh0IHiKMtpY3yx+iuwFI5W9FRlPrNTnvzlbllMzPryFXBrnU2V/Y6j++mxZA3vdvPG+Fd6q92Cvsdse7/HUHEScLiaIZ+TsjdFYQ72hDbLSHtvma1zpfYu11efJGtq1emOeK/ShaU7juPLzxsk0VfeYM1ZJxi6gl3H8apqQ9GguQeVmb8452NjfgYykC11bjyHlIh7o8Bay6R3JoBtrTCJpwxvSm3YTKi70VY3zV9/1wJpmC3LOzbasgju0DeDvC6DfDwda4nQY3xlfQL+Xfkjk/0SHaAynA+PwAAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .user-avatar {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 auto;
    color: #fff
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .memberlevel {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18.1333px;
    color: #fff;
    line-height: 1;
    margin-top: 5.66667px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .memberlevel svg {
    width: 17px;
    height: 17px;
    margin-left: 8.5px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-top: 14.1667px;
    font-size: 15.8667px;
    font-weight: 700;
    color: #f1c137
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .sumBalance {
    display: flex;
    align-items: center;
    margin: 0 .14rem
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .toggle-balance {
    color: #fff;
    opacity: .6
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .toggle-balance svg {
    display: block;
    width: 22.6667px;
    height: 13.6px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .login-register {
    display: flex;
    align-items: center;
    margin-top: 17px
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .login-register span {
    width:113.333px;
    height: 34px ;
    margin: 0 5.66667px;
    border-radius: 17px;
    font-size: .26rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .login-register .login-btn {
    background: linear-gradient(90deg,#f74056,#d326d9);
    box-shadow: 0 5.66667px .35rem rgba(247,64,86,.5)
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .login-register .register-btn {
    background: linear-gradient(90deg,#5613ba,#5f88f2);
    box-shadow: 0 5.66667px .35rem rgba(86,19,186,.5)
}

.sidebar .right-side-menu .rightbar-content .menu-nav {
    padding: .48rem .36rem .42rem;
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.sidebar .right-side-menu .rightbar-content .menu-nav .menu-item {
    max-width: 100%
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon {
    display: flex;
    align-items: center;
    width: .7rem;
    height: .7rem;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon.myacc {
    background-size: .62rem .62rem
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon.deposit {
    background-size: .66rem .66rem
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon.withdraw {
    background-size: .68rem .68rem
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-name {
    margin-top: 11.3333px;
    font-size: 13.6px;
    text-align: center;
    color: #fff
}

.sidebar .right-side-menu .rightbar-content .member-nav {
    margin-top: 11.3333px
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: .62rem;
    border-radius: 1.13333px;
    background: #fcf6f3;
    margin-bottom: 1.13333px;
    padding: 0 18.1333px
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-item .icon-wrap {
    width: 18.1333px;
    height: 18.1333px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-item:last-child {
    margin-bottom: 0
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-name {
    margin-left: 18.1333px;
    color: #897d77;
    font-size: 13.6px;
    font-weight: 500
}

.sidebar .right-side-menu .rightbar-content .switch-language {
    margin-top: 11.3333px;
    margin-bottom:113.333px
}

.sidebar .right-side-menu .h-line {
    width: 100%;
    height: 1px;
    transform: scaleY(.5);
    background-color: #525d7a
}

.sidebar .right-side-menu .side-menu-bottom {
    padding: 0 .36rem 25.5px
}

.sidebar .right-side-menu .switch-container {
    padding-left: .13rem;
    margin-bottom: 17px
}

.sidebar .right-side-menu .sign-out {
    width: 100%;
    height: 1.14rem;
    padding: 0 .36rem
}

.sidebar .right-side-menu .sign-out .btn-logout {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13.6px;
    font-weight: 500;
    color: #ffc819
}

.sidebar .right-side-menu .sign-out .btn-logout .logout-inner {
    display: flex;
    align-items: center;
    line-height: 1
}

.sidebar .right-side-menu .sign-out .btn-logout svg {
    width: 18.1333px;
    height: .37rem;
    margin-right: .22rem
}

.sidebar .left-side-menu {
    width: 209.667px;
    height: calc(var(--vh, 1vh)*100 - 147.3333px);
    position: absolute;
    top: 147.3333px;
    left: 0;
    transform: translateX(-110%);
    transition: transform .3s ease, opacity .3s ease;
    z-index: 10002;
    background: #fff;
    box-shadow: 0 1.7px 5.1px 0 rgba(0,0,0,.08);
    padding: 22.6667px 12.75px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #c7c7c7;
    opacity: 0;
    visibility: hidden;
    right: 0;
}
.menu-content {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: auto;
    max-width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 500px;
}

.main-nav-open .sidebar-mask {
    display: block
}

.sidebar-mask {
    display: none;
    z-index: 200;
    overscroll-behavior: none;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: calc(var(--vh, 1vh)*100 - 147.3333px);
    position: absolute;
    top: 147.3333px;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #c7c7c7;
    right: 0;
}

.sidebar .left-side-menu.moveup, .main-nav-open .sidebar-mask.moveup {
    height: calc(var(--vh, 1vh)*100 - 79.3333px) !important;
    top: 79.3333px !important;
}

.main-nav-open .sidebar-inner {
    position: fixed;
    top: 0;
    z-index: 10001;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.main-nav-open .left-side-menu {
    transform: translateX(0);   /* trượt vào */
    opacity: 1;                 /* hiện */
    visibility: visible;        /* đảm bảo có thể click */
}

.sidebar .left-side-menu .close-sidebar {
    position: absolute;
    right: 18.1333px;
    top: .44rem;
    width: 27.7667px;
    height: 27.7667px
}

.sidebar .left-side-menu .side-menu-content {
    width: 100%
}

.sidebar .left-side-menu .side-menu-content .main-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10.2px
}

.sidebar .left-side-menu .side-menu-content .accordion-arrow {
    position: absolute;
    right: 13.6px;
    top: 22.6667px;
    width: .26rem;
    height: 8.5px;
    transition: .3s;
    transform: rotate(0deg);
    color: #525d6e
}

.sidebar .left-side-menu .side-menu-content .main-nav-item {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 1.5px 1.5px 3.4px rgba(0,0,0,.6);
    font-size: 15.3px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 8.5px;
    border: 1.5px solid #2f0000;
    box-shadow: inset 0 -3.4px 3.4px 0 rgba(0,0,0,.5),inset 0 3.4px 3.4px 0 hsla(0,0%,100%,.25);
    overflow: hidden
}

.sidebar .left-side-menu .side-menu-content .main-nav-item:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 313.6px;
    height: 51.13333px
}

.sidebar .left-side-menu .side-menu-content .main-nav-item .main-nav-text {
    position: relative;
    width: 100%;
    padding-right: 31.1667px;
    z-index: 1
}

.sidebar .left-side-menu .side-menu-content .main-nav-item .nav-icon-wrap {
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8.5px
}

.sidebar .left-side-menu .side-menu-content .main-nav-item .nav-icon {
    position: absolute
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.vip {
    background: url(../picture/nav-vip-bg.f726abbd.png.png) no-repeat 50%/cover
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.vip:after {
    background: linear-gradient(322deg,#3a005d 7.1%,rgba(58,0,93,0) 50.59%)
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.invite {
    background: url(../picture/nav-invite-bg.77aac2fd.png) no-repeat 50%/cover
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.invite:after {
    background: linear-gradient(322deg,#5d0000 7.1%,rgba(93,0,0,0) 50.59%)
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.bonus {
    background: url(../picture/nav-bonus-bg.bedc5f06.png) no-repeat 50%/cover
}

.sidebar .left-side-menu .side-menu-content .main-nav-item.bonus:after {
    background: linear-gradient(322deg,#5d3b00 7.1%,rgba(19,25,34,0) 50.59%)
}

.sidebar .left-side-menu .side-menu-content .nav-icon {
    display: block;
    width: 51px;
    object-fit: contain
}

.sidebar .left-side-menu .game-nav-wrap {
    display: flex;
    flex-direction: column;
    gap: 10.2px
}

.sidebar .left-side-menu .game-nav-wrap .game-nav-item {
    width: 100%;
    height: 35.7px;
    padding: 0 18.7px;
    display: flex;
    align-items: center;
    gap: 8.5px;
    border-radius: 1.13333px;
    background: #fcf6f3;
    box-shadow: inset 0 -1.7px 3.4px 0 rgba(0,0,0,.08),inset 0 3.4px 3.4px 0 hsla(0,0%,100%,.8)
}

.sidebar .left-side-menu .game-nav-wrap .game-nav-item.on {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.sidebar .left-side-menu .game-nav-wrap .game-nav-item.on .item-name {
    color: #fff;
    opacity: 1
}

.sidebar .left-side-menu .game-nav-wrap .game-nav-item .item-icon {
    display: block;
    width: 20.4px
}

.sidebar .left-side-menu .game-nav-wrap .game-nav-item .item-name {
    color: #011022;
    font-size: 13.6px;
    font-weight: 600;
    opacity: .8;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .sidebar .left-side-menu .game-nav-wrap .game-nav-item .item-name {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.sidebar .left-side-menu .h-line {
    width: 100%;
    height: 1px;
    margin: 17px auto;
    opacity: .3;
    background: #e0d3ce
}

.sidebar .left-side-menu .menu-item {
    width: 100%;
    height: 35.7px;
    padding: 0 18.7px;
    display: flex;
    align-items: center;
    gap: 8.5px;
    border-radius: 1.13333px;
    background: #fcf6f3;
    box-shadow: inset 0 -1.7px 3.4px 0 rgba(0,0,0,.08),inset 0 3.4px 3.4px 0 hsla(0,0%,100%,.8)
}

.sidebar .left-side-menu .menu-item.on {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.sidebar .left-side-menu .menu-item.on .menu-text {
    color: #fff
}

.sidebar .left-side-menu .menu-item.home {
    margin-bottom: 17px
}

.sidebar .left-side-menu .menu-item.promo {
    margin: 17px 0 10.2px
}

.sidebar .left-side-menu .menu-item.down {
    margin-bottom: 10.2px
}

.sidebar .left-side-menu .menu-item img {
    display: block;
    width: 20.4px
}

.sidebar .left-side-menu .menu-item .menu-text {
    color: #011022;
    font-size: 13.6px;
    font-weight: 600
}

.sidebar .left-side-menu .side-language {
    position: relative;
    margin-top: 11.3333px
}

.sidebar .left-side-menu .side-language .language-select .select-wrap {
    height: 35.7px;
    padding: 0 18.7px;
    border-radius: 1.13333px;
    background: #fcf6f3;
    box-shadow: inset 0 -1.7px 3.4px 0 rgba(0,0,0,.08),inset 0 3.4px 3.4px 0 hsla(0,0%,100%,.8)
}

.sidebar .left-side-menu .side-language .language-select .select-wrap.on {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.sidebar .left-side-menu .side-language .language-select .select-wrap.on .selected-lang {
    color: #fff;
    opacity: 1
}

.sidebar .left-side-menu .side-language .language-select .selected-lang {
    display: flex;
    align-items: center;
    color: #011022;
    font-size: 13.6px;
    font-weight: 600;
    opacity: .8
}

.sidebar .left-side-menu .side-language .language-select .option-wrap {
    border-radius: 1.13333px;
    background: #fff;
    box-shadow: 0 1.7px 5.1px 0 rgba(0,0,0,.12);
    overflow: hidden
}

.sidebar .left-side-menu .side-language .language-select .option-wrap .option-item {
    height: 35.7px;
    padding-left: 18.7px;
    color: #011022
}

.sidebar .left-side-menu .side-language .language-select .option-wrap .option-item.selected {
    background: #f4f2f1
}

.sidebar .left-side-menu .channel-group {
    display: flex;
    flex-direction: column;
    align-items: center
}

.sidebar .left-side-menu .channel-group .channel-title {
    color: #011022;
    font-size: 12.75px;
    font-weight: 800;
    margin: 10.2px 0
}

.sidebar .left-side-menu .channel-group .channel-list {
    display: flex;
    gap: .22rem
}

.sidebar .left-side-menu .channel-group .channel-list .channel-item .am-icon {
    display: block;
    width: 22.6667px;
    height: 22.6667px
}

.main-nav-open .left-side-menu,.main-nav-open .right-side-menu {
    transform: translateX(0)
}

.member-balance {
    display: flex;
    align-items: center
}

.member-balance .sum-balance {
    line-height: 1;
    font-size: 17px;
    font-weight: 900
}

.member-balance .sum-balance .symbol {
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.member-balance .sum-balance .amount {
    margin: 0 .07rem;
    color: #011022
}

.member-balance .balance-control {
    display: flex;
    align-items: center
}

.member-balance .balance-control .toggle-balance svg {
    display: block;
    width: .36rem;
    height: .36rem
}

.member-balance .balance-control .refresh-balance {
    display: flex;
    align-items: center;
    justify-content: center
}

.member-balance .balance-control .refresh-balance.rotateFull {
    animation: rotate-full .5s linear infinite
}

.member-balance .balance-control .refresh-balance svg {
    display: block;
    width: .26rem;
    height: .26rem
}

.home-header {
    width: 100%;
    height: 79.3333px;
    flex-shrink: 0;
    transition: all .5s
}

.home-header img {
    display: block
}

.home-header .header-nav {
    width: 100%;
    position: relative;
    flex: 1 1 0%;
    align-self: center;
    overflow: hidden
}
.shell-header {
    position: relative
}
.home-header .header-logo img {
    display: block;
    height: 56.6667px ;
    position: relative
}

.home-header .header-content {
    left: 0;
    top: 0;
    z-index: 1000;
    justify-content: space-between;
    width: 100%;
    max-width: 500px;
    height: 79.3333px;
    margin: auto;
    padding: 0 .22rem 0 11.3333px;
    box-shadow: 0 .03rem .06rem 0 rgba(0,0,0,.4);
    background-color: #fff;
    transition: top .5s
}

.home-header .header-content,.home-header .header-content .header-left {
    display: flex;
    align-items: center
}

.home-header .header-content .header-menu {
    width: 26.6333px;
    height: .412rem;
    margin-right: 10.5px 
}

.home-header .header-content .header-menu svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #000
}

.home-header .header-content .user-info {
    display: flex;
    align-items: center
}

.home-header .header-content .user-icon svg {
    display: block;
    width: 34px ;
    height: 34px ;
    fill: #aabee2
}

.home-header .header-content .user-balance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 41.9333px;
    padding: 0 1.13333px;
    border: 1.13333px solid transparent;
    border-radius: 8.5px;
    -webkit-clip-path: inset(0 round 8.5px);
    clip-path: inset(0 round 8.5px);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#fcf6f3,#fcf6f3),linear-gradient(180deg,#ffc819,#ce0000)
}

.home-header .header-content .user-balance .deposit-btn,.home-header .header-content .user-balance .withdraw-btn {
    width: 28.3333px ;
    height: 28.3333px ;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-header .header-content .user-balance .deposit-btn img,.home-header .header-content .user-balance .deposit-btn svg,.home-header .header-content .user-balance .withdraw-btn img,.home-header .header-content .user-balance .withdraw-btn svg {
    display: block;
    width: 100%;
    height: 100%
}

.home-header .header-content .user-balance .deposit-btn {
    margin-right: .057rem
}

.home-header .header-content .user-balance .sum-balance {
    max-width: 145.3333px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-header .header-content .member-icon {
    height: 41.9333px;
    margin-left: 1.13333px;
    justify-content: center;
    border-radius: 10.2px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9.06667px 0 4.53333px
}

.home-header .header-content .member-icon .member-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: .68rem;
    height: .68rem
}

.home-header .header-content .member-icon .member-wrap img {
    border-radius: 50%;
    border: .04rem solid transparent
}

.home-header .header-content .member-icon .member-wrap .wrap-user {
    width: .68rem;
    height: .68rem
}

.home-header .header-content .member-icon .member-wrap .wrap-text {
    padding: 0 .054rem 0 .048rem;
    border-radius: .05rem;
    height: .245rem;
    font-size: 13.6px;
    font-weight: 700;
    margin-top: -11.3333px;
    color: #543c00;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAA4CAMAAADq1XePAAAAS1BMVEUAAADjr0zloyCziTFiV0JiV0LgoytmWkLdojLpuV3oox3hrkvesVvjtVxiV0LntVTfq0XcpkDerlLmpSblpy7jqDfZojniqj6ngTluzV38AAAACXRSTlMAQGAY1pCNUsvo6VI/AAADvUlEQVRYw82YUXLqMAxF04ZCQ+LEobyQ/a/02Qr4Yl3LpD9MRad/nTNHkiWV5k9E2368I1oGf37P8+xnH6J/xHSPTofr3CMGxEWiD+G9v4X4F+Ia4yfE+RHfxxz/OW/hn9iTsEEHN6GH8AF6iOTI9ht7g4MO/DP9uCzzbHl3Ne9Be8sfMhpsiWsLdGAHuoe4aD/MFTfThnn0FnGfxCMa8HMOh7WI+yjewzvSOxJ3G569B5Qb3kJOFUfVBf6xxHgquGBRbsV28QfeSlvgPkZAC1zEA1nTj5H9LRnPyr25W3DVbSmEvOUc3tckflbRirZEBke9O8ub0QN5q5zn+KNUW7wTO1UbfT5VnpgrvDH2FnYeS0g5tPM2L/Q5+GAjlDYNF01vmzt5oect2B7W4GZjzSXyQGNNvJFzFR8be6GcT8g6PfAt7eyNnBe9NfyTvanLmeyUN7XazRvezEa9Z13vTuOdfFKX8zz38MZYg7hiEzkT7xidAui6t51zft8YbB3g7A046l2fqcyeS97S5sqblrfj7Y1NEnOevM9FNoYLjTV4s7Z4c9Lxvsmb6w20l6jXu1puft7UaiZ7lhUKb4K7hzi0nT3X7Jlqe4MuZGo11ka9Lx6thudt1BtoqneuDTzRrXMN7Lo397nwqdfUZAGd+xz1NrxpjYFL2sDX1/dNlbvuLadi+MRhvk107FBzfQMONHmD/GPUG97m5QC87d3DO8Q+b1pjE+jVNue5Bm3tzWzrZNrpDW2jz1/vb7B5tACuwa7o3ZM3xOs5hzcWmdLe+b73zxb2pianVWKubwka53v6XOHZ2wFO5cZ1Ltp1b1yKmze48tvWLv0Xeileile73jOtbwlRfuXN25tOZEHbOYc3Ep56jb2xQrU3zjVJOk0WY557eOM4j2j2tr91uKg250fG3gIXNE7ke7A34PYagze3Wr3PeZPUvflE5qulXm8Jvhy0dyo3bVDR7oveIO+7HRgONHnX1rflvar/xuh0IHiKMtpY3yx+iuwFI5W9FRlPrNTnvzlbllMzPryFXBrnU2V/Y6j++mxZA3vdvPG+Fd6q92Cvsdse7/HUHEScLiaIZ+TsjdFYQ72hDbLSHtvma1zpfYu11efJGtq1emOeK/ShaU7juPLzxsk0VfeYM1ZJxi6gl3H8apqQ9GguQeVmb8452NjfgYykC11bjyHlIh7o8Bay6R3JoBtrTCJpwxvSm3YTKi70VY3zV9/1wJpmC3LOzbasgju0DeDvC6DfDwda4nQY3xlfQL+Xfkjk/0SHaAynA+PwAAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.home-header .header-content .member-icon .accordion-arrow {
    width: 13.0333px;
    height: .156.6667px ;
    fill: transparent
}

.home-header .header-content .member-icon svg {
    display: block;
    width: .29rem;
    height: .34rem
}

.home-header .header-content .login-register {
    display: flex;
    align-items: center;
    gap: .106rem;
    font-size: 15.8667px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.home-header .header-content .login-register .login-btn {
    min-width: 75.5px ;
    height: 41.9333px;
    line-height: 41.9333px;
    padding: 0 17px;
    color: #000;
    border-radius: 9.06667px;
    border: 1.13333px solid #011022
}

.home-header .header-content .login-register .register-btn {
    min-width: 136px;
    height: 41.9333px;
    line-height: 41.9333px;
    padding: 0 35.7px;
    color: #fff;
    border-radius: 9.06667px;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.home-header .header-download {
    width: 17px;
    height: .37rem;
    margin-left: 11.3333px;
    color: #7bc242
}

.home-header .header-download svg {
    display: block;
    width: 100%;
    height: 100%
}

.home-header .header-logout {
    margin-left: 1.13333px;
    color: #7bc242
}

.home-header .header-logout .am-icon-icon-logout {
    display: block;
    height: .37rem
}

@keyframes hvr-pop {
    6% {
        transform: scale(1.2)
    }

    10% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes glow-before {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes glow-after {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes shimmer-short {
    0% {
        background-position: -56.6667px  top
    }

    to {
        background-position: 56.6667px  top
    }
}

#mc-animate-container {
    width: 100%;
    top: 0;
    background: #e3e3e3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.this-mc-header {
    position: fixed;
    top: 0;
    left: 0
}

.shell-header {
    height: 56.6667px 
}

#root .mc-navbar-blue {
    background: #fff;
    box-shadow: 0 1.13333px .06rem 0 rgba(0,0,0,.08)
}

#root .mc-navbar-blue .am-navbar-title {
    font-size: 17px!important
}

[data-theme=light] #root .mc-navbar-blue .am-navbar-title {
    color: #553a7a!important
}

[data-theme=dark] #root .mc-navbar-blue .am-navbar-title {
    color: #000!important
}

#root .mc-navbar-blue .am-icon-left {
    font-size: 17px!important
}

[data-theme=light] #root .mc-navbar-blue .am-icon-left {
    color: #553a7a!important
}

[data-theme=dark] #root .mc-navbar-blue .am-icon-left {
    color: #000!important
}

#root .shell-header .mc-navbar-blue {
    position: fixed;
    top: 0;
    width: 100%;
    transform: translateZ(0);
    z-index: 10
}

#root .shell-header .mc-navbar-blue .shell_return_icon .am-icon-left {
    color: #56575c;
    font-size: 17px
}

#root .shell-header .mc-navbar-blue .am-navbar-title {
    color: #56575c;
    font-size: 22.6667px
}

#root .mc-whitespace,.am-navbar {
    height: 45.3333px
}

.am-navbar-left-icon .am-icon-md {
    display: none
}

.am-icon-md {
    width: 25.5px;
    height: 25.5px
}

.logo {
    padding-top: 5.66667px;
    height: 100%
}

.logo img {
    width: 127.7667px;
    height: .98rem
}

.am-navbar-right {
    position: relative;
    font-size: 17px;
    margin-right: .13rem
}

.change-language,.login,.logout,.register,.trail {
    border-radius: 5.66667px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 9.06667px
}

.login,.logout,.register {
    width: 79.3333px;
    height: .68rem
}

.login,.logout {
    position: absolute;
    top: 9.06667px
}

.logout {
    left: -.4rem
}

.login {
    margin-right: 17px
}

.login,.register {
    background-size: cover
}

.register {
    position: absolute;
    left: -17px;
    top: 10.2px;
    padding-left: 0;
    padding-right: 0
}

.change-language {
    position: absolute;
    right: -28.3333px ;
    top: 1.13333px;
    width: 134px ;
    height: .7rem
}

.change-language span {
    float: left;
    line-height: .7rem;
    margin-top: -5.66667px
}

.change-language .language-icon {
    float: left
}

.change-language {
    color: #fff
}

.hide {
    display: none
}

#root .am-navbar-left-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

#root .am-navbar-left-content p {
    height: 100%
}

#root .am-navbar-left-content svg {
    display: block;
    width: .68rem;
    height: .68rem
}

.trail {
    display: none
}

.fortest .am-popover-item {
    padding: 0
}

.fortest {
    right: 5.66667px!important;
    width: auto;
    min-width: 56.6667px ;
    left: auto!important
}

.h-navbar-flex .am-navbar-right {
    flex: 1.5 1 0%
}

.h-navbar-flex .am-navbar-title {
    display: none
}

.h-navbar-right {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.h-navbar-right a {
    width: .7rem;
    height: .7rem;
    line-height: .58rem;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    margin-left: .13rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.h-navbar-right a svg {
    width: 28.3333px 
}

.h-navbar-right .h-login svg {
    position: relative;
    top: .03rem
}

.mc-navbar-blue .am-navbar-right {
    font-size: 17px
}

.h-navbar-right .h-login,.h-navbar-right .h-register {
    width: 1.56rem;
    height: 34px ;
    line-height: 34px ;
    text-align: center;
    font-size: .26rem;
    border-radius: 5.66667px
}

.h-navbar-right .h-login {
    background: radial-gradient(#8eb7f1,#fff)
}

.h-navbar-right .h-register {
    background: radial-gradient(#0ac0fa,#90e8ff)
}

.h-navbar-right .h-change-language {
    color: #fff;
    text-align: right;
    margin-left: 5.66667px;
    height: 100%;
    display: flex;
    align-items: center;
    background: unset!important
}

.h-navbar-right .language-icon {
    width: 34px ;
    height: 34px 
}

.h-navbar-right .h-blank-one {
    flex: .6 1 0%
}

.h-navbar-right .h-blank-two {
    flex: .8 1 0%
}

.h-navbar-right .h-one-language {
    flex: 1 1 0%!important
}

.h-navbar-right .h-ologout {
    flex: .2 1 0%;
    text-align: right;
    padding: 0 11.3333px;
    height: 100%;
    margin-right: auto
}

.h-navbar-right .h-ologout img,.h-navbar-right .h-ologout svg {
    width: .44rem;
    height: .44rem;
    margin-top: .29rem
}

.h-navbar-flex .am-navbar-right {
    margin-right: 11.3333px
}

.h-navbar-right .down-app,.h-navbar-right .h-login,.h-navbar-right .h-register {
    margin-right: 8.5px
}

.h-navbar-right .h-freeplay {
    color: #fff!important;
    background: linear-gradient(90deg,#59d0fb,#38b7ff)
}

.h-navbar-right .h-account {
    display: flex;
    align-items: center;
    margin-right: 11.3333px
}

.h-navbar-right .icon_account {
    width: .48rem;
    height: .46rem
}

#root .mc-navbar-blue .am-navbar-left {
    padding-left: 0
}

.page-banner {
    width: 100%;
    position: relative;
    z-index: 2
}

.page-banner .swiper-container {
    width: 100%
}

.page-banner .swiper-container .swiper-wrapper {
    transform: translateZ(0);
    transition-timing-function: ease
}

.page-banner .swiper-container .swiper-slide {
    width: 100%;
    padding: 15.8667px 14.7333px 0;
    transform: translateZ(0)
}

.page-banner .swiper-container .swiper-inner {
    width: 100%;
    border-radius: 11.3333px;
    overflow: hidden
}

.page-banner .swiper-container .swiper-pagination {
    bottom: 1.13333px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 28.3333px 
}

.page-banner .swiper-container .swiper-pagination-bullet {
    width: 10.2px;
    height: 10.2px;
    opacity: .5;
    background-color: #fff
}

.page-banner .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 11.3333px
}

.page-banner .swiper-container img {
    display: block;
    height: 170px;
    object-fit: cover;
    width: 100%
}

.simple-select {
    position: relative
}

.simple-select .select-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.simple-select .select-wrap .select-icon {
    width: 13.0333px;
    height: 13.0333px;
    margin-left: 1.13333px;
    transition: .3s;
    transform: rotate(0deg);
    transform-origin: center;
    color: #fff
}

.simple-select .select-wrap .select-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.simple-select .select-wrap .select-icon.on {
    transform: rotate(-180deg)
}

.simple-select .option-wrap {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 1000;
    border-radius: 5.66667px
}

.simple-select .option-wrap.on {
    display: block
}

.simple-select .option-wrap .option-item {
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    white-space: nowrap
}

.language-select .simple-select .icon-lang {
    width: 20.4px;
    height: 20.4px;
    margin-right: 8.5px
}

.language-select .simple-select .option-wrap {
    width: 100%;
    left: 0;
    top: calc(100% + 5.66667px)
}

.language-select .select-wrap {
    display: flex;
    align-items: center
}

.language-select .select-wrap .select-icon {
    display: none
}

.language-select .selected-lang {
    flex-shrink: 0;
    margin-right: 5.66667px
}

.language-select .lang-title {
    display: flex;
    align-items: center
}

.language-select .option-item {
    font-size: 13.6px;
    font-weight: 500
}

.language-select .option-item .icon-lang {
    margin-right: 11.3333px
}

.sm-checkbox-item {
    position: relative;
    display: flex;
    overflow: hidden;
    cursor: pointer;
    font-size: 13.0333px;
    font-weight: 500;
    color: #ce0000
}

.sm-checkbox-item-select .icon-remember {
    display: block!important
}

.sm-checkbox-item-bg {
    flex-shrink: 0;
    position: relative;
    width: .37rem;
    height: .37rem;
    border-radius: .05rem;
    border: 1px solid #ce0000
}

.sm-checkbox-item .icon-remember {
    display: none;
    width: .37rem;
    height: .37rem;
    position: absolute;
    left: -1px;
    top: -1px
}

.sm-checkbox-item .sm-label {
    margin-left: .156.6667px ;
    display: flex;
    align-items: center;
    color: #011022
}

.float-service {
    flex-direction: column;
    position: fixed;
    width: 56.6667px ;
    height: 56.6667px ;
    right: 5.66667px;
    bottom: 30%;
    gap: 11.3333px;
    z-index: 200
}

.float-service,.float-service .service-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.float-service .service-item {
    width: .88rem;
    height: .88rem
}

.float-service .service-item:not(:last-child) {
    margin-bottom: 9.06667px
}

.float-service .service-item .service-icon {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.btn-goback {
    position: absolute;
    right: 22.6667px;
    top: 28.3333px ;
    z-index: 1000
}

.btn-goback svg {
    display: block;
    width: 18.1333px;
    height: 18.1333px
}

.page-goback {
    position: absolute;
    left: 17px;
    top: 22.6667px;
    z-index: 1000;
    color: #fff
}

.page-goback svg {
    display: block;
    width: 34px ;
    height: 34px 
}

#page_bg {
    width: 100%;
    height: 100%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -1
}

#page_bg.common,#page_bg.home-bg,#page_bg.login-bg {
    background: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%)
}

.form-menu {
    position: relative;
    padding: 1.33rem 22.6667px 0 28.3333px 
}

.form-menu .form-menu-close {
    width: 18.1333px;
    height: 18.1333px;
    position: absolute;
    top: 28.3333px ;
    right: 22.6667px
}

.form-menu .form-menu-close svg {
    fill: #897d77
}

.form-menu .menu-links {
    height: 100%;
    display: flex;
    justify-content: center;
    gap: 10.2px;
    margin-bottom: 34px 
}

.form-menu .menu-links .menu-link {
    display: block;
    font-size: .26rem;
    height: 41.3667px;
    line-height: 41.3667px;
    padding: 0 .54rem;
    color: #897d77;
    font-size: 14.1667px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: .156.6667px ;
    background: #e4e0df
}

.form-menu .menu-links .menu-link.on {
    background: linear-gradient(180deg,#ffc819,#ce0000);
    color: #fff
}

.form-menu .form-menu-close .am-icon {
    width: 18.1333px;
    height: 18.1333px
}

.login_wrap {
    width: 100%;
    position: relative;
    z-index: 10003
}

.login_wrap .partner_logo {
    margin-top: .7rem;
    text-align: center
}

.login_wrap .partner_logo img {
    width: 617px
}

.login_wrap .forget_password {
    font-size: 13.0333px;
    font-weight: 500;
    color: #011022;
    text-decoration: underline
}

.login_wrap .form_links {
    display: flex;
    justify-content: space-between;
    margin-top: .46rem
}

.login_wrap .form_links .form_link {
    text-decoration: underline;
    font-size: .26rem;
    color: #ffc819
}

.login_wrap .disclaimer-check {
    color: #897d77;
    font-size: 13.0333px;
    font-weight: 500;
    margin-top: 17px;
    text-align: center
}

.login_wrap .disclaimer-check .policy-link {
    margin-left: 4.53333px;
    border-bottom: 1.13333px solid #ce0000;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer-home-screen-shell {
    width: 100%;
    z-index: 99999;
    position: fixed;
    left: 0;
    bottom: .35rem!important;
    padding: 0;
    text-align: center;
    background-color: transparent;
    transition: all .5s
}

.footer-home-screen-shell.footer-home-screen-hide {
    bottom: -4rem!important
}

.footer-home-screen-shell.footer-home-screen-hide .model-mask {
    display: none
}

.footer-home-screen-shell .model-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.footer-home-screen-shell .icon {
    width: .44rem;
    height: .44rem;
    fill: #fff
}

.footer-home-screen-shell .icon__share {
    width: 34px ;
    height: 34px ;
    margin: 0;
    transform: translateY(10%)
}

.footer-home-screen-shell .icon__close-button {
    position: absolute;
    top: .45em;
    right: .45em;
    width: .875em;
    height: .875em
}

.footer-home-screen-shell.agent .add-home-screen {
    background: #7bc8f1
}

.footer-home-screen-shell.agent .add-home-screen:after {
    border-top: 11.3333px solid #7bc8f1
}

.footer-home-screen-shell .add-home-screen {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 5.95rem;
    height: .9rem;
    align-items: center;
    position: relative;
    background: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%);
    margin: 0 auto;
    border-radius: 8.5px
}

.footer-home-screen-shell .add-home-screen:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -.19rem;
    transform: translateX(-50%);
    border-top: 11.3333px solid radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%);
    border-left: 11.3333px solid transparent;
    border-right: 11.3333px solid transparent
}

.footer-home-screen-shell .add-home-screen .icon_close {
    position: absolute;
    right: -8.5px;
    top: -8.5px;
    width: 25.5px;
    height: 25.5px
}

.footer-home-screen-shell .app-icon {
    width: 115.8667px;
    height: 115.8667px;
    vertical-align: middle;
    border-radius: .8em;
    flex: 0 0 115.8667px
}

.footer-home-screen-shell .home-screen-tips {
    display: flex;
    align-items: center;
    font-size: 13.6px;
    text-align: left;
    padding-left: 1em;
    color: #fff
}

.footer-home-screen-shell .home-screen-tips .icon_click {
    display: inline-block;
    width: 15.8667px;
    height: .37rem;
    margin: 0 8.5px
}

.footer-home-screen-shell .home-screen-tips .icon_add {
    display: inline-block;
    width: .33rem;
    height: .33rem;
    margin: 0 8.5px
}

.footer-home-screen-shell .home-screen-tips .label {
    display: inline-block;
    line-height: normal;
    transform: translateY(8%)
}

.footer-home-screen-shell .add-app-icon {
    display: inline-block;
    width: 5.66667px;
    height: 5.66667px
}

.footer-home-screen-shell .home-screen-tips-second {
    display: flex;
    align-items: center
}

.footer-home-screen-shell .home-screen-tips-first .title {
    display: block;
    font-weight: 700;
    text-align: left;
    color: #fff;
    font-size: .36rem;
    padding-bottom: 11.3333px
}

.footer-home-screen-shell .home-screen-tips-first .content {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 13.6px;
    padding-bottom: 1em;
    line-height: 1.5
}

.footer-home-screen-shell .home-screen-tips-first h4,.footer-home-screen-shell span {
    line-height: 1
}

.footer-home-screen-shell .btn-primary {
    height: auto;
    padding: .14rem;
    margin: 0 auto;
    font-size: 17px
}

.footer-home-screen-shell .home-screen-tips-profile {
    width: 100%
}

.download-bar-model-shell {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001
}

.download-bar-model-shell.hide-model {
    display: none
}

.download-bar-model-shell .bar-model-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.download-bar-model-shell .bar-model-closes {
    position: absolute;
    top: -34px ;
    right: 5.66667px;
    width: 18.1333px;
    height: 18.1333px;
    z-index: 2
}

.download-bar-model-shell .bar-model-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6.7rem;
    animation: zoomShow .2s both
}

.download-bar-model-shell .bar-model-contents .bar-model-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 215.8667px
}

.download-bar-model-shell .bar-model-contents .bar-model-bg .modal-title {
    padding: 22.6667px 0 0 .37rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 .04rem 4.53333px rgba(17,18,18,.6);
    font-size: 41.3667px;
    font-weight: 900;
    background: url(/m/download-title-bg.cddf4d20.png) no-repeat 50%/100% auto
}

.download-bar-model-shell .bar-model-contents .bar-model-bg .modal-title .text {
    width: 4rem;
    line-height: .9
}

.download-bar-model-shell .bar-model-contents .bar-model-bg .modal-logo {
    position: absolute;
    left: 22.6667px;
    bottom: .756.6667px ;
    height: .75rem
}

.download-bar-model-shell .bar-model-contents .bar-model-bg .modal-bg {
    display: block;
    width: 4.14rem
}

.download-bar-model-shell .bar-model-contents .appdown-list {
    width: 100%;
    padding:113.333px 10.2px .48rem;
    border-radius: 10.2px;
    background: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%)
}

.download-bar-model-shell .bar-model-contents .item-link {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.52rem;
    padding: 0 11.3333px;
    border-radius: 11.3333px;
    background: #fff;
    box-shadow: 0 1.13333px .04rem 0 rgba(0,0,0,.2)
}

.download-bar-model-shell .bar-model-contents .item-link:not(:last-child) {
    margin-bottom: 11.3333px
}

.download-bar-model-shell .bar-model-contents .item-link .app-info {
    display: flex;
    align-items: center
}

.download-bar-model-shell .bar-model-contents .item-link .app-info h5 {
    font-size: 15.8667px;
    font-weight: 700;
    color: #000
}

.download-bar-model-shell .bar-model-contents .item-link .app-info p {
    color: #897d77;
    font-size: .22rem;
    font-weight: 400;
    text-align: left;
    line-height: 18.1333px
}

.download-bar-model-shell .bar-model-contents .item-link .app-info .app-icon {
    width: 45.3333px;
    height: 45.3333px;
    margin-right: 5.66667px
}

.download-bar-model-shell .bar-model-contents .item-link .down-btn {
    height: .64rem;
    line-height: .64rem;
    padding: 0 8.5px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    border: none;
    outline: none;
    font-size: 15.8667px;
    font-weight: 500;
    color: #fff;
    border-radius: 22.6667px;
    text-align: center;
    white-space: nowrap
}

.filter-game-container {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    font-size: 15.8667px;
    color: #fff;
    z-index: 19999!important;
    padding: 62.3333px 22.6667px 45.3333px;
    overflow: auto;
    overscroll-behavior: none
}

.filter-game-container .search-game {
    width: 100%;
    height: .79rem;
    margin: 17px 0;
    display: flex;
    align-items: center;
    position: relative
}

.filter-game-container .search-game .search-icon {
    position: absolute;
    left: 17px;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    color: #fff
}

.filter-game-container .search-game .search-input {
    height: 100%;
    padding-left: .7rem;
    color: #000;
    border-radius: 10.2px;
    background: #fff;
    font-size: 17px;
    outline: none;
    border: none;
    -webkit-appearance: none
}

.filter-game-container .search-game .search-input::placeholder {
    color: #897d77
}

.filter-game-container .filter_title {
    font-size: 22.6667px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-bottom: 25.5px
}

.filter-game-container .category_title {
    font-size: .34rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 11.3333px
}

.filter-game-container .close_filter {
    position: absolute;
    right: 22.6667px;
    top: 34px ;
    width: 28.3333px ;
    height: 28.3333px ;
    color: #000
}

.filter-game-container .gameClassify-box,.filter-game-container .minbet-box {
    margin-top: 22.6667px;
    text-align: left
}

.filter-game-container .filter_item {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 5.66667px;
    grid-row-gap: 17px
}

.filter-game-container .filter_item span {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 45.3333px;
    text-align: center;
    color: #897d77;
    font-size: 17px;
    font-weight: 700;
    border-radius: 10.2px;
    background: linear-gradient(0deg,#e4e0df,#e4e0df),#2f3848
}

.filter-game-container .filter_item span img {
    display: block;
    max-width: 90%;
    max-height: 90%
}

.filter-game-container .filter_item span .color {
    display: none
}

.filter-game-container .filter_item span.classactive {
    color: #fff;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.filter-game-container .filter_item span.classactive .color {
    display: block
}

.filter-game-container .filter_item span.classactive .white {
    display: none
}

.filter-game-container .filter_submit {
    display: inline-block;
    width: 100%;
    height: 45.3333px;
    line-height: 45.3333px;
    margin-top: 22.6667px;
    border-radius: 10.2px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    border: none;
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-size: 15.8667px;
    font-weight: 500;
    margin-bottom: 17px
}

.filter-game-container .gameType-filter {
    margin-top: 17px
}

.filter-game-container .reset {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15.8667px;
    font-weight: 500;
    text-decoration: underline
}

.filter-game-container.open {
    top: 0;
    transition: all .25s ease-in-out
}

.game-list-item {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

.game-list-item .game-background {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 9.06667px;
    overflow: hidden
}

.game-list-item .game-background .lazy-load-image-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.game-list-item .game-background .img-loading,.game-list-item .game-background img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.game-list-item .game-vendor-name {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .7rem;
    height: .38rem;
    line-height: .38rem;
    border-radius: .34rem 0 0 0;
    background-image: linear-gradient(180deg,#f1a611,#fdd82d);
    font-size: .22rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-list-item .game-fav {
    position: absolute;
    right: 1.13333px;
    top: 1.13333px;
    width: 25.5px;
    height: 25.5px;
    border-radius: 0 9.06667px 0 9.06667px;
    display: flex;
    align-items: center;
    justify-content: center
}

.game-list-item .favorite_icon {
    width: 22.6667px;
    height: 22.6667px
}

.game-list-item .game-item-name {
    position: relative;
    width: 100%;
    margin: 1.13333px 0 0;
    font-size: 14.1667px;
    color: #000;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .game-list-item .game-item-name {
        display: -webkit-box!important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.noData {
    width: 100%;
    height: 100%;
    font-size: 17px
}

[data-theme=light] .noData {
    color: #553a7a!important
}

[data-theme=dark] .noData {
    color: #000!important
}

.noData .no-data-content {
    text-align: center
}

.noData .no-data-content img {
    width: 328.3333px 
}

.noData .no-data-content p {
    margin-top: 11.3333px
}

.game-list-wrapper.hasScroll {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.game-list-wrapper .scroll-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 79.3333px
}

.game-list-wrapper .scroll-loading .loading-icon {
    width: 34px ;
    height: 34px ;
    fill: #ffc819
}

.game-title {
    width: 100%;
    margin-bottom: 17px
}

.game-title .title-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.game-title .title-content .see-all {
    font-size: 11.3333px;
    font-weight: 500;
    color: #fff;
    min-width: 70.8333px;
    height: 27.7667px;
    line-height: 27.7667px;
    padding: 0 13.0333px;
    border-radius: 9.06667px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    display: flex;
    align-items: center;
    justify-content: center
}

.game-title .title-text {
    display: flex;
    align-items: center;
    color: #011022;
    font-size: 18.1333px;
    font-weight: 800;
    text-transform: uppercase
}

.game-title .title-text img {
    display: block;
    width: 28.3333px ;
    margin-right: 5.66667px
}

.game-title .title-text span {
    line-height: 1
}

.game-list-center-container {
    width: 100%;
    padding: 0 22.6667px;
    padding-bottom: calc(70.8333px + var(--safe-area-inset-bottom))
}

.game-list-center-container .vassalage-list {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    gap: 9.06667px;
    margin: 17px 0
}

.game-list-center-container .vassalage-list .vassalage-item {
    min-width: 68px;
    height: 45.3333px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9.06667px;
    text-align: center;
    border-radius: 1.13333px;
    background: #fff
}

.game-list-center-container .vassalage-list .vassalage-item.vass-active {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.game-list-center-container .vassalage-list .vassalage-item .vassalage-img {
    display: block;
    width: 56.6667px 
}

.game-list-center-container .game-select {
    width: 100%;
    display: flex;
    flex-direction: column
}

.game-list-center-container .game-title {
    margin-bottom: 0
}

.game-list-center-container .vendor-name {
    font-size: .26rem;
    font-weight: 700;
    text-align: left;
    color: #da394f
}

.game-list-center-container .title-group {
    display: flex;
    flex-direction: row;
    align-items: center
}

.game-list-center-container .title-group .game-title {
    flex: 0 1 0%;
    margin-right: 5.66667px
}

.game-list-center-container .title-group .title-text {
    white-space: nowrap
}

.game-list-center-container .select-bar {
    display: flex;
    gap: 9.06667px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 9.06667px;
    -webkit-overflow-scrolling: touch
}

.game-list-center-container .select-bar .select-btn {
    grid-row: 1;
    grid-column: auto;
    position: relative;
    padding: 0 17px;
    height: .54rem;
    color: #897d77;
    font-size: 11.3333px;
    font-weight: 600;
    text-align: center;
    border-radius: .14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28.3333px ;
    background: #fff;
    box-shadow: inset 0 -1.13333px .06rem 0 rgba(0,0,0,.2),inset 0 1.13333px .04rem 0 hsla(0,0%,100%,.3);
    text-wrap: nowrap
}

.game-list-center-container .select-bar .select-btn.on {
    color: #fff;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.game-list-center-container .select-bar .select-btn.on .filter-icon {
    fill: #fff;
    stroke: #fff
}

.game-list-center-container .select-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.game-list-center-container .select-type .filter-icon {
    width: .387rem;
    height: .387rem;
    fill: #897d77
}

.game-list-center-container .select-type .select-btn {
    width: .58rem;
    height: .58rem;
    grid-row: 1;
    grid-column: auto;
    transition: all .2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .06rem;
    background: #897d7726
}

.game-list-center-container .select-type .select-btn.on {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.game-list-center-container .select-type .select-btn.on .filter-icon {
    fill: #fff
}

.game-list-center-container .select-type .sub-group {
    display: grid;
    grid-auto-columns: max-content;
    grid-template-rows: 1fr;
    grid-column-gap: .145rem
}

.game-list-center-container .slots-games {
    position: relative;
    min-height: 9rem
}

.game-list-center-container .slots-games .game-list-wrapper .game-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 22.6667px;
    row-gap: 17px
}

.fav-gameList-wrap {
    padding: 0 22.6667px
}

.fav-gameList-wrap .game-list-wrapper {
    width: 100%
}

.fav-gameList-wrap .game-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .22rem .25rem
}

.fav-gameList-wrap .game-more-list-item {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto
}

.fav-gameList-wrap .game-more-list-item .game-more-text {
    margin: 0;
    width: 100%;
    height: 34px ;
    border-radius: 17px;
    border: 1px solid #e2e2e2;
    background-image: linear-gradient(180deg,#fff,#f5f2ff 18%,#eee5ff 51%,#fbf4ff);
    color: #714fef
}

.vendor-icon-wrap {
    display: flex;
    justify-content: center;
    margin-top: 22.6667px
}

.vendor-icon-list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 17px 5.66667px
}

.vendor-icon-list .vendor-icon {
    display: block;
    height: 45.3333px
}

.help-nav {
    position: relative;
    width: 100%
}

.help-nav .nav-item {
    position: relative;
    padding: 14.7333px 0 12.4667px;
}

.help-nav .nav-item:not(:last-child) {
    border-bottom: 1px solid #897d776d
}

.help-nav .nav-item .nav-name {
    font-size: 18.1333px;
    font-weight: 500;
    text-align: left;
    color: #011022;
    line-height: .48rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .help-nav .nav-item .nav-name {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.home-footer-container {
    width: 100%;
    padding: 10.7667px 0 145.3333px
}

.home-footer-container .home-footer-content {
    width: 100%
}

.home-footer-container .channel-list {
    display: flex;
    justify-content: center;
    gap: .272rem
}

.home-footer-container .channel-list .am-icon {
    width: .818rem;
    height: .818rem;
    border-radius: 11.3333px
}

.home-footer-container .footer-help {
    margin-top: .156.6667px 
}

.home-footer-container .footer-help .help-content {
    padding: 0 24.9333px
}

.home-footer-container .footer-help .help-title {
    margin-bottom: 18.1333px;
    font-size: 15.8667px;
    line-height: 1.68;
    text-align: left;
    color: #7d90dc
}

.home-footer-container .dash-line {
    height: 0;
    border-bottom: 1px dashed #828eb4
}

.home-footer-container .payment-affiliate {
    margin-top: 22.6667px;
    display: flex;
    align-items: center
}

.home-footer-container .payment-affiliate .payment-icon {
    display: block;
    margin-right: .35rem
}

.home-footer-container .payment-affiliate .payment-icon:first-child {
    width: 2.06rem
}

.home-footer-container .payment-affiliate .payment-icon:nth-child(2) {
    width: 14.53333px
}

.home-footer-container .payment-affiliate .payment-icon:nth-child(3) {
    width: 2.14rem
}

.home-footer-container .footer-pagcor {
    padding: 11.3333px .26rem 0
}

.home-footer-container .footer-pagcor .img-title {
    text-align: center
}

.home-footer-container .footer-pagcor .img-title img {
    height: 45.3333px
}

.home-footer-container .footer-pagcor .info-text {
    margin-bottom: 22.1px;
    font-size: 14.1667px;
    text-align: left;
    color: #5f677e
}

.home-footer-container .game-provider {
    padding: 0 22.6667px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 28.3333px  .13rem;
    width: 100%;
    margin-top: 22.6667px
}

.home-footer-container .game-provider .vendor-img {
    width: 100%
}

.home-footer-container .footer-copyright {
    padding: .26rem;
    font-size: 13.6px;
    font-weight: 500;
    color: #b2b2b2;
    text-align: center
}

.home-game-list {
    padding: 0 22.6667px;
    margin-bottom: 28.3333px 
}

.home-game-list .game-list-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 13.0333px 17px
}

.hot-game-container {
    width: 100%;
    margin: 0 0 22.6667px
}

.hot-game-container .hot-game-content {
    padding: 0 22.1px
}

.hot-game-container .more-hot-game {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9.06667px;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    padding: 0 11.3333px;
    font-size: 15.8667px;
    color: #fff;
    font-weight: 600;
    width: 50%;
    height: 40.8px;
    margin: 17px auto 0
}

.hot-game-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 11.3333px 11.3333px
}

.hot-game-list .game-list-item .img-loading {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 11.3333px
}

.gameList-wrap .game-list {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 11.3333px
}

.gameList-wrap .game-list .new-game-wrap {
    width: 1.184rem;
    height: 1.184rem;
    flex-shrink: 0;
    margin-right: 11.3333px
}

.gameList-wrap .game-list .img-loading {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 11.3333px
}

.vendor-game-item {
    flex-shrink: 0;
    overflow: hidden
}

.vendor-game-item .vendor-game-img {
    position: relative;
    overflow: hidden
}

.vendor-game-item .vendor-game-img .img-loading {
    object-fit: cover;
    border-radius: 8.5px
}

.vendor-game-item .vendor-game-name {
    margin-top: 5.66667px;
    font-size: 13.6px;
    font-weight: 500;
    color: #fff
}

.vendor-game-wrap {
    width: 100%
}

.vendor-game-wrap.home-vendor {
    padding: 0 22.6667px
}

.vendor-game-wrap .vendor-game-scroll {
    position: relative;
    width: 100%
}

.vendor-game-wrap .vendor-game-list {
    position: relative;
    display: flex;
    width: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 25.5px
}

.vendor-game-wrap .vendor-game-list.ESPORTS {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 17px
}

.vendor-game-wrap .vendor-game-list .more-game {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 13.6px;
    font-weight: 700;
    color: #56ceff;
    text-align: center;
    text-transform: uppercase
}

.vendor-game-wrap .vendor-game-list .more-game svg {
    display: block;
    margin: 0 auto 11.3333px;
    width: .67rem;
    height: 8.5px
}

.scroll-menu-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 45.3333px;
    overflow: hidden
}

.scroll-menu-wrap .menu-fav {
    position: relative;
    width: 34px ;
    flex-shrink: 0;
    height: 34px ;
    margin-right: 5.66667px
}

.scroll-menu-wrap .menu-fav svg {
    display: block;
    width: 28.3333px ;
    height: 28.3333px ;
    margin: 0 auto
}

.scroll-menu-wrap .menu-fav.on:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11.3333px;
    transform: translateX(-50%);
    width: 17px;
    height: .14rem;
    border-radius: .07rem;
    background-color: #ffc819
}

.scroll-menu-wrap .menu-swiper-box {
    position: relative;
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.scroll-menu-wrap .menu-swiper-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: -webkit-max-content;
    width: max-content;
    height: 34px 
}

.scroll-menu-wrap .menu-list-item {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1;
    position: relative;
    flex-shrink: 0;
    margin-right: 11.3333px;
    font-size: 13.6px;
    font-weight: 500;
    color: #fff
}

.scroll-menu-wrap .menu-list-item .menu-icon-wrap .menu-icon {
    display: block;
    min-width: 34px ;
    height: 34px 
}

.scroll-menu-wrap .menu-list-item .menu-icon-wrap .menu-icon.color,.scroll-menu-wrap .menu-list-item.on .menu-icon-wrap .menu-icon {
    display: none
}

.scroll-menu-wrap .menu-list-item.on .menu-icon-wrap .menu-icon.color {
    display: block
}

.scroll-menu-wrap .menu-list-item.on:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11.3333px;
    transform: translateX(-50%);
    width: 17px;
    height: .14rem;
    border-radius: .07rem;
    background-color: #ffc819
}

.scroll-menu-wrap .menu-list-item .icon-all {
    width: 18.1333px;
    height: 18.1333px;
    margin-right: 5.66667px
}

.more-games {
    width: 100%;
    margin-top: 11.3333px;
    text-align: right
}

.more-games .see-all {
    font-size: 13.6px;
    font-weight: 700;
    color: #c7ad64;
    text-decoration: underline
}

.vendor-game-wrap {
    width: 100%
}

.vendor-game-wrap .vendor-game-scroll {
    position: relative;
    width: 100%
}

.vendor-game-wrap .vendor-game-list {
    position: relative
}

.vendor-game-wrap .vendor-game-list.home-page {
    display: flex;
    padding: 0
}

.vendor-game-wrap .vendor-game-list.home-page .vendor-game-img {
    display: block;
    width:113.333px
}

.vendor-game-wrap .vendor-game-list .more-game {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 13.6px;
    font-weight: 700;
    color: #56ceff;
    text-align: center;
    text-transform: uppercase
}

.vendor-game-wrap .vendor-game-list .more-game svg {
    display: block;
    margin: 0 auto 11.3333px;
    width: .67rem;
    height: 8.5px
}

.winner-board {
    width: 100%;
    margin: 28.3333px  0;
    position: relative;
    padding: 0 17px
}

.winner-board .winner-title {
    display: flex;
    align-items: center;
    color: #011022;
    font-size: 18.1333px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10.2px
}

.winner-board .winner-title img {
    display: block;
    width: .44rem;
    margin-right: 1.13333px
}

.winner-board .line {
    width: 85%;
    height: 1.13333px;
    border-radius: 1.13333px;
    opacity: .3;
    background: #897d77;
    margin: 11.3333px 0
}

.winner-board .winner-content {
    position: relative;
    width: 100%;
    border-radius: 10.2px;
    background: rgba(54,60,126,.5);
    padding: 11.3333px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1.13333px solid transparent;
    border-radius: 18px;
    -webkit-clip-path: inset(0 round 10.2px);
    clip-path: inset(0 round 10.2px);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#fff,#fff),linear-gradient(180deg,#ffc819,#ce0000)
}

.winner-board .winner-content .winner-head {
    height: 22.6667px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 13.6px;
    font-weight: 400;
    color: #897d77
}

.winner-board .winner-content .winner-head img {
    display: block;
    width: 3.78rem
}

.winner-board .winner-content .winner-wrap {
    width: 100%
}

.winner-board .winner-content .winner-swiper {
    width: 100%;
    height: 2.4rem;
    overflow: hidden
}

.winner-board .winner-content .winner-swiper .swiper-wrapper {
    height: 100%;
    transition-timing-function: linear
}

.winner-board .winner-content .winner-list {
    position: relative;
    z-index: 1
}

.winner-board .winner-content .winner-list .winner-item {
    width: 100%;
    height: 28.3333px ;
    margin-bottom: 18.1333px
}

.winner-board .winner-content .winner-list .swiper-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 13.0333px;
    font-weight: 600;
    color: #011022
}

.winner-board .winner-content .winner-list .winner-rank {
    display: block;
    width: 28.3333px ;
    height: 28.3333px ;
    display: flex;
    align-items: center;
    justify-content: center
}

.winner-board .winner-content .winner-list .rank-1 {
    font-size: 0;
    background: url(/m/rank-1.b7436c5e.png) no-repeat 50%/contain
}

.winner-board .winner-content .winner-list .rank-2 {
    font-size: 0;
    background: url(/m/rank-2.401c600a.png) no-repeat 50%/contain
}

.winner-board .winner-content .winner-list .rank-3 {
    font-size: 0;
    background: url(/m/rank-3.2e34bba9.png) no-repeat 50%/contain
}

.winner-board .winner-content .winner-list .winner-info {
    padding-left: 5.66667px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.winner-board .winner-content .winner-list .win-game {
    width: 128.3333px ;
    overflow: hidden
}

.winner-board .winner-content .winner-list .win-game .winner-name {
    line-height: 1;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .winner-board .winner-content .winner-list .win-game .winner-name {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.winner-board .winner-content .winner-list .win-game .btn-game {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    color: #fdd82d
}

.winner-board .winner-content .winner-list .win-game .btn-game span {
    position: relative;
    padding-right: 5.66667px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .winner-board .winner-content .winner-list .win-game .btn-game span {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.winner-board .winner-content .winner-list .winner-amount {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.winner-board .winner-content .winner-list .winner-amount span {
    flex: 1 1 0%;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .winner-board .winner-content .winner-list .winner-amount span {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.hot-game-list-container {
    width: 100%;
    margin: 0 0 22.6667px
}

.hot-game-list-container .hot-game-list-scroll {
    padding: 0 22.1px 56.6667px 
}

.hot-game-list-box {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 17px 22.6667px
}

.hot-game-list-box .game-list-item .img-loading {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 11.3333px
}

.game-enter-container {
    width: 100%
}

.game-enter-container .game-enter-content {
    width: 100%;
    transition: all .5s
}

.game-enter-container .game-enter-content .content-bg,.game-enter-container .game-enter-content .content-bg.home {
    margin-top: 17px
}

.game-enter-container .game-enter-content .home-game-container {
    margin-bottom: .304rem;
    padding: 0 22.6667px 0 22.1px
}

.game-enter-container .game-enter-content .home-game-container.recent {
    padding: 0 0 0 22.1px
}

.game-enter-container .game-enter-content .home-game-container .hot-game-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    padding-left: .26rem;
    overflow-x: auto;
    overflow-y: hidden
}

.game-enter-container .game-enter-content .home-game-container .hot-game-list .game-list-item {
    flex-shrink: 0;
    width:113.333px;
    margin-right: 10.5px 
}

.game-enter-container .game-enter-content .game-menu-list {
    display: flex;
    width: calc(100% - 44.2px);
    overflow: auto;
    padding-bottom: 11.3333px;
    margin: 0 auto
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item {
    width: 65.7333px;
    height: 78.2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 14.1667px;
    font-weight: 500;
    background: #fff;
    box-shadow: 0 1.13333px 1.13333px 0 rgba(0,0,0,.12);
    flex-shrink: 0
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item:not(:first-child) {
    margin-left: 17px
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item.on {
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item.on .game-menu-name {
    color: #fff
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item .game-menu-icon {
    position: relative;
    width: 28.3333px ;
    height: 28.3333px ;
    margin: 0 auto;
    z-index: 2
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item .game-menu-icon img {
    display: block;
    width: 100%
}

.game-enter-container .game-enter-content .game-menu-list .game-menu-item .game-menu-name {
    font-size: 14.1667px;
    font-weight: 500;
    color: #897d77;
    text-align: center;
    margin-top: 5.66667px;
    display: flex;
    align-items: center
}

.notice_root {
    margin-top: 11.3333px;
    padding: 0 17px
}

.notice_root .notice_bg {
    position: relative;
    width: 100%;
    height: 31.1667px;
    line-height: 1;
    padding: 0 10.2px;
    display: flex;
    align-items: center;
    z-index: 2;
    border: 1px solid transparent;
    border-radius: 17px;
    -webkit-clip-path: inset(0 round 17px);
    clip-path: inset(0 round 17px);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#fff,#fff),linear-gradient(180deg,#ffc819,#ce0000)
}

.notice_root .notice_icon {
    width: .44rem;
    height: .44rem;
    margin-right: .19rem;
    background: url(/m/icon-bell.57926eb8.png) no-repeat 50%/cover
}

.notice_root .marquee {
    overflow: hidden;
    position: relative;
    flex: 1 1 0%;
    display: flex;
    font-size: 13.6px;
    color: #000
}

.notice_root .marquee .marquee_content {
    white-space: nowrap;
    position: relative;
    will-change: right
}

.notice_root .marquee .marquee_content.empty {
    width: 100%;
    margin-left: 0;
    text-align: center;
    will-change: auto
}

.notice_root .marquee .content-item {
    margin-left: 22.6667px;
    vertical-align: middle
}

.notice_root .marquee table,.notice_root .marquee tbody,.notice_root .marquee td,.notice_root .marquee tfoot,.notice_root .marquee th,.notice_root .marquee thead,.notice_root .marquee tr,.notice_root .marquee tt {
    border: 0!important
}

#mc-animate-container .loading-wrap {
    display: flex;
    align-items: center
}

[data-theme=dark] .outter-app,[data-theme=light] .outter-app {
    background: #fff!important
}

.home-container {
    width: 100%;
    transition: all .5s;
    background-color: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%)
}

.home-container svg {
    display: block
}

.home-container #mc-app-home-root,.home-container svg {
    width: 100%;
    margin-top: 84px;
}
.home-container #mc-app-home-root {
    overflow-y: auto;
    height: 100vh;
}
.home-container #mc-app-home-root::-webkit-scrollbar {
  width: 6px;              /* chiều rộng thanh cuộn */
}

.home-container #mc-app-home-root::-webkit-scrollbar-track {
  background: transparent; /* nền phía sau thanh cuộn */
}

.home-container #mc-app-home-root::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3); /* màu thanh cuộn */
  border-radius: 4px;          /* bo tròn */
}

.home-container #mc-app-home-root::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.5);
}
.home-container .banner_notice {
    position: relative;
    width: 100%;
    flex-shrink: 0
}

.home-container .banner_notice .home-banner {
    min-height:113.333px
}

.home-container .home-content {
    padding: 20.4px 0 14.1667px
}

.home-container .language-wrap {
    position: relative;
    width: 100%;
    height: 145.3333px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-container .home-section {
    margin-top: 34px 
}

.shell-download-bar.show-bar+.home-header .header-content {
    top: 68px
}

.shell-download-bar.show-bar+.home-header+.home-container {
    padding-top: 0px
}

.shell-download-bar.show-bar~.sidebar .left-side-menu {
    top: 234px ;
    height: calc(var(--vh, 1vh)*100 - 79.3333px - 68px)
}

.home-container .popup_container_v2 {
    background-color: rgba(0,0,0,.5)
}

.home-container .popup_container_v2 .close-btn {
    position: absolute;
    right: 0;
    top: -34px ;
    z-index: 10002;
    width: 18.1333px;
    height: 18.1333px;
    background: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZvJbcNADEVJw4WkhJSgElyqjjnqmGNKSAnpQBEdMRgYsjzDZRaNHiDbgGfh/7Y2igOwwTzPt2V7h4NAWpZt2PruutH4tryReOoEiPgFDbP+kLf1M+mZwu/xoTGLDxlbNSEUHzCFJmDQeEs805wJT8Qz/ybg2nhPPNOMCS/EM3cTMFI8U70JkeKZ6bK8fEM8VZ8dEsXfQWHH6v4JAg1/u4BigGpMkIqnD6gcqLgJGvEEGgz4sQz4CQXQiifQa2BvrGJEcJ7AA8vYEDJNZIV1TLsGeEyowSOWlwZ4TZyKVwxRBngGUHruaAO8Ayk1Z5IBOQLKPVeyAUSOwHIZLTKA8Aww579MbADhEWju44zKAMIy4BIHWbUBhEXgpU6zJgYQGgElrzHMDCAkQpbtBwqJJ0wNICR5uQTML7HNDSCcTHC5yXIxgDA2we0O080AwsgE1xyDqwGE0gT3BIu7AYTQhCwptgt0zrkLgCNdHwS7Pg12fSHU2qWw6VlAeDM0JrQfnlV7SbmCEcrbYUjoO2xVe0k5EyKgpOuUWNdJ0a7T4l0/GOn60VjXD0e7fjxeUrx3DGeJDGSeUEu2IqkaxTPuZXI1i2fcCiVbEM+Yl8q2JJ4xK5ZuUTyjLpdvWTwjXjBxBPGMRAvlBN9SOtQqnlgXb4xJfeglcuVY1eJDkpbNBZ32TGhGPJO0cDLotGVCc+KZpKWzQafQhGbFMw8mxOlZl88PcBD2ls//ArDsPSrRhL2LAAAAAElFTkSuQmCC) no-repeat 50%/cover;
    border-radius: 0
}

.home-container .popup_container_v2 .close-btn svg {
    display: none
}

.home-container .popup_container_v2 .popup_title {
    width: 100%;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.home-container .popup_container_v2 .popup_content {
    border-radius: 11.3333px;
    background: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%);
    overflow: visible
}

.home-container .popup_container_v2 .text {
    color: #897d77
}

.home-container .popup_container_v2 .popup_body .active-btn {
    background: linear-gradient(180deg,#ffc819,#ce0000);
    box-shadow: none
}

.disable-btn {
    background: #e4e0df!important
}

.disable-btn svg {
    fill: #897d77!important
}

.action {
    background: linear-gradient(180deg,#ffc819,#ce0000)!important
}

.action.disable {
    background: #eaeaea!important
}

.private-route-footer {
    padding-bottom: 70.8333px
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-picker-col {
    display: block;
    position: relative;
    height: 4.76rem;
    overflow: hidden;
    width: 100%
}

.am-picker-col-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 2.04rem 0
}

.am-picker-col-item {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-size: 18.1333px;
    height: .68rem;
    line-height: .68rem;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.am-picker-col-item-selected {
    font-size: .34rem
}

.am-picker-col-mask {
    top: 0;
    height: 100%;
    margin: 0 auto;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background-position: top,bottom;
    background-size: 100% 2.04rem;
    background-repeat: no-repeat
}

.am-picker-col-indicator,.am-picker-col-mask {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.am-picker-col-indicator {
    box-sizing: border-box;
    height: .68rem;
    top: 2.04rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.am-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-picker-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after {
    display: none
}

.am-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff
}

.am-picker-popup-wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.am-picker-popup-mask,.am-picker-popup-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.am-picker-popup-mask {
    background-color: rgba(0,0,0,.4);
    height: 100%
}

.am-picker-popup-mask-hidden {
    display: none
}

.am-picker-popup-header {
    background-image: linear-gradient(180deg,#e7e7e7,#e7e7e7,transparent,transparent);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.am-picker-popup-header:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-picker-popup-header .am-picker-popup-header-right {
    text-align: right
}

.am-picker-popup-item {
    color: #108ee9;
    font-size: .34rem;
    padding: 10.2px 17px;
    height: .84rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-picker-popup-item-active {
    background-color: #ddd
}

.am-picker-popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center;
    color: #000
}

.am-picker-popup .am-picker-popup-close {
    display: none
}

.am-picker-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.register_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 18.5px 17px 34px 
}

.register_wrap .form-btns {
    margin-top: 45.3333px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.register_wrap .form-btns .register-btn {
    margin: 0!important;
    width: 3.66rem!important
}

.register_wrap .form-btns .btn-reset {
    width: 140.8px;
    height: 56.6667px ;
    line-height: 56.6667px ;
    text-align: center;
    font-size: 18.1333px;
    border-radius: 17px;
    border-style: solid;
    border-width: 1px
}

.register_wrap .disclaimer-check {
    color: #545f71;
    font-size: 13.0333px;
    font-weight: 500;
    margin-top: 5.66667px;
    display: flex;
    align-items: center
}

.register_wrap .disclaimer-check .policy-link {
    margin-left: 4.53333px;
    border-bottom: 1.13333px solid #ce0000;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.register_wrap .policy-error {
    color: #ff6969;
    font-size: 13.6px;
    margin-left: 28.3333px 
}

.register_wrap input[name=birthday] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em
}

.register_wrap input[name=birthday]::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.register_wrap input[name=birthday]::-webkit-calendar-picker-indicator,.register_wrap input[name=birthday]::-webkit-inner-spin-button {
    display: none
}

.register_wrap input[name=birthday]::-webkit-datetime-edit-fields-wrapper {
    color: #707070
}

.register_wrap input[name=birthday]::-webkit-datetime-edit {
    flex: 1 1 0%;
    -webkit-user-modify: read-only!important;
    display: inline-block;
    min-width: 0;
    overflow: hidden
}

.prev-route-container .prev-route-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.39rem;
    position: relative;
    background: #fff;
    box-shadow: 0 1.13333px .06rem 0 rgba(0,0,0,.08)
}

.prev-route-container .prev-route-content .header-left {
    position: absolute;
    width: 56.6667px ;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.prev-route-container .prev-route-content .header-left .left-arrow {
    fill: #011022;
    width: .22rem;
    height: .456.6667px 
}

.prev-route-container .prev-route-content .route-nav-item {
    font-size: 22.6667px;
    font-weight: 600;
    color: #555f7b
}

.prev-route-container .prev-route-content .route-nav-item.current {
    color: #011022
}

.prev-route-container .prev-route-content .am-icon-arrow-right {
    width: .14rem;
    height: 14.1667px;
    margin: 0 11.3333px
}

.activity-container .activity-preview-bg {
    padding: 18.1333px 18.1333px113.333px
}

.activity-container .title-content {
    margin-top: .09rem;
    color: hsla(0,0%,100%,.5);
    font-size: 15.8667px;
    line-height: 22.6667px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .activity-container .title-content {
        display: -webkit-box!important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.activity-container .activity-time {
    display: flex;
    align-items: center;
    margin-top: 5.66667px;
    color: #d8c98e;
    font-size: 11.3333px;
    line-height: normal
}

.activity-container .promo-list {
    display: grid;
    gap: 18.1333px
}

.activity-container .accordion-item-bg {
    border-radius: 8.5px;
    background: linear-gradient(180deg,#39260f,#000);
    overflow: hidden
}

.activity-container .activity-item-content {
    padding: 0 11.3333px 11.3333px
}

.activity-container .activity-content {
    width: 100%
}

.activity-container .activity-content .promo-item {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border-radius: 11.3333px;
    box-shadow: 0 1.13333px .06rem 0 rgba(0,0,0,.08);
    overflow: hidden
}

.activity-container .activity-content .promo-item .activity-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.activity-container .activity-content .promo-item .activity-img img {
    display: block;
    width: 100%;
    min-height: 56.6667px 
}

.activity-container .activity-content .promo-item .activity-info {
    position: relative;
    z-index: 1;
    padding: 4.53333px .14rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff
}

.activity-container .activity-content .promo-item .activity-info .title {
    color: #011022;
    font-size: 17px;
    font-weight: 400;
    line-height: 22.6667px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .activity-container .activity-content .promo-item .activity-info .title {
        display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.activity-container .activity-content .promo-item .activity-more {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-size: 13.6px;
    font-weight: 500;
    text-wrap: nowrap;
    height: 27.7667px;
    padding: 0 .36rem;
    border-radius: 9.06667px;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.activity-container .activity-content .promo-item .accordion-arrow {
    display: block;
    width: .7rem;
    height: .7rem;
    transition: all .3s
}

.activity-container .join-now .activity-goto-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
    text-align: center;
    font-size: 13.6px;
    font-weight: 500;
    text-wrap: nowrap;
    height: 27.7667px;
    padding: 0 .36rem;
    border-radius: 9.06667px;
    background: linear-gradient(180deg,#ffc819,#ce0000)!important
}

.activity-container .wysiwyg {
    padding: 0;
    color: #fff;
    font-size: 15.8667px;
    line-height: normal
}

.activity-container .wysiwyg img {
    max-width: 100%
}

.activity-detail-container {
    width: 100%
}

.activity-detail-container .activity-detail-content {
    position: relative;
    width: 100%;
    padding: 18.1333px
}

.activity-detail-container .close-detail {
    position: absolute;
    right: 13.6px;
    top: -.86rem;
    width: .56rem;
    height: .56rem
}

.activity-detail-container .close-detail .am-icon {
    display: block;
    width: 100%;
    height: 100%
}

.activity-detail-container .btn-return {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
    margin-bottom: 17px;
    padding: 5.66667px 17px;
    border-radius: 11.3333px;
    border: 1.13333px solid #fff;
    color: #fff;
    font-size: 13.6px;
    font-weight: 500;
    line-height: normal
}

.activity-detail-container .btn-return .am-icon {
    display: block;
    width: 13.6px;
    height: 13.6px;
    margin-right: 5.66667px
}

.activity-detail-container .activity-detail-bg {
    overscroll-behavior: none
}

.activity-detail-container .activity-detail-inner {
    padding: 11.3333px 0
}

.activity-detail-container .activity-detail-inner .join-now {
    padding-bottom: 11.3333px
}

.activity-detail-container .activity-detail-inner .activity-html .wysiwyg {
    color: #011022
}

.activity-detail-container .activity-detail-title {
    margin-bottom: 11.3333px;
    font-size: 15.8667px;
    font-weight: 800;
    line-height: normal;
    text-align: left;
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.activity-detail-container .activity-img {
    position: relative;
    z-index: 10;
    width: 100%;
    border-radius: 9.06667px;
    overflow: hidden
}

.activity-detail-container .activity-img img {
    display: block;
    width: 100%
}

.activity-menu-wrap {
    position: relative;
    margin-bottom: 17px
}

.activity-menu-wrap .activity-menu-content {
    width: 100%
}

.activity-menu-wrap .activity-menu-scroll {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: auto
}

.activity-menu-wrap .activity-menu-swiper {
    width: 100%;
    overflow: hidden
}

.activity-menu-wrap .activity-menu-item {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #897d77;
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 8.5px
}

.activity-menu-wrap .activity-menu-item.on {
    background: linear-gradient(180deg,#ffc819,#ce0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: .03rem solid #ce0000
}

.activity-menu-wrap .activity-menu-item:not(:last-child) {
    margin-right: .55rem
}

.activity-menu-wrap .menu-nav {
    position: absolute;
    top: 1.13333px;
    z-index: 10;
    width: 22.6667px;
    height: 22.6667px;
    color: #0278dc
}

.activity-menu-wrap .menu-nav.swiper-button-disabled {
    opacity: .1
}

.activity-menu-wrap .menu-nav .am-icon {
    display: block;
    width: 100%;
    height: 100%
}

.activity-menu-wrap .nav-prev {
    left: -28.3333px 
}

.activity-menu-wrap .nav-next {
    right: -28.3333px 
}

.agent-home-container {
    padding-bottom: 56.6667px 
}

.agent-home-container .agent-home-content {
    transition: all .2s
}

.agent-home-container .msg-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    background-image: linear-gradient(#f55e49,#f55e49),linear-gradient(#ed6b65,#ed6b65);
    box-shadow: 0 .03rem 4.53333px 0 rgba(235,72,97,.5);
    border-radius: 10.2px;
    font-size: 13.6px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.agent-home-container .agent-home-top {
    width: 100%;
    height: 5rem;
    background-image: linear-gradient(90deg,#62aff8,#7cc7f2),linear-gradient(#fff,#fff)
}

.agent-home-container .agent-home-header {
    height: 56.6667px ;
    padding: 0 .34rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.agent-home-container .agent-home-header .header-left {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15.8667px;
    color: #fff;
    line-height: 1
}

.agent-home-container .agent-home-header .header-left:before {
    display: block;
    content: "";
    width: .37rem;
    height: .43rem;
    margin-right: 11.3333px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAArCAMAAADISrFBAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA9A3t+r9pt41yKeSadUYyFgsC8eDb18apiYV9VUwfGgTQtKNfWDw4JObOnHr6djsAAAEbSURBVDjLjdPZkoIwEIXhk7AjKOACgog6bjPT7/98kyoHWRJs/uuvqitdHQyS7uWbSPz4K0yWBWtquxwnkPSo13ppRGlOg+zapL5o1PqpoyVpebpySE97aUOG9mN1MKl8rAKTWoxVZVLWWLkmtTUtgl9FKgwqYFevshtNPW1N+VBxu9ilMOQP0WbiwoL+0LzBRKH33rp7MoFTeE8AHN1fzynKZQYguYdDuioEke1LdElfzRdFdzzZvp1z6G5k0V5PhldR7/XVQ0I+qh29i17oSp+7QiUtRlmpUjFxxUptWbUFQuIL4RKfi4j4IjjE52BDfBsI4hOgOc1TMyeeie+MkvhKJIIfmAA3Vt2gqq2Pxqr/P0LsWFPEiaUSf6gus3NDc1pVAAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.agent-home-container .agent-home-header .header-left .agent-username {
    margin-left: 5.66667px
}

.agent-home-container .agent-home-header .agent-service {
    width: .46rem;
    height: 26.6333px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAvCAMAAACrOwigAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABfV86tOOgwzx4lNOQxT5z8Uu5b6gW0cI7rGYc280JyIb2Mm1ramdZT05Fw/ckmtfVh+7pol3+INtXQAAAkBJREFUSMeNlOd2gzAMRmUImzAyCJnNajObpOn43v/NilzOYdSQ3F8+cC3bsiyqY3tm3AcwNr7mL/SAw5uGEsbcbpEXMep0ZoLUpBdI1sOfm59czTgEY/SU9ouBDFdfFsdI5GpaotpIB4Azry3dlTFm/2M7AAYrHp5GV93S977Mi7DYv9bskwtgJ4iW1ro45rBLRB7nalTVJwCmRKshqkTZhFGYzTyV7QTAVtDNwT92Kd0AfFGBeM/mB2RCRXQiXvNY6HsAHzSFmnUQjIFJoUfAhnQ0sUl/ANwpp8fBR2jmYjuAntscdxy4aOGwAwzK2QDDb7QR+ZwjT/BWXrOhpSm1WScf3MDEZ1pI0VHajvDyUT5tSgM080r0WZ1PWos+4qxVoBZ7KqvpSV3Tiek+oY8Hpm/TH26r7k4s704lps36xA+ojteoX0nBvUl/IyVhWdfKaVbyXhj98rU1tMSoMCw6FjVzaNZjj6tmKIgW2040D3jSrHkzHxSsy2ezuCspbRHKp5Fq8EptnXv6SqX3/pLgITxTAdfGd63Z7/KnybUWV/PMnzUZfpbYvIfjUB5GuNikRD53mgqmfA/8JzRiQwMG/DbnMAKisyv/1ePvpS+fWnhJeefa4EwkttCWVKfrhl3KSBPT3MsmunzXRWZ/cSr/Y1v9akke+abPW75PJTYp1uQW1oLoJnfKWUyAsd9mL9fI4y3nERf2itoYgLG+X/vI+DxQKzYK+maPHiC0P3N72bP7EJPt8YqeRJgONgtS8QsMz83XpU+gQwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.agent-home-container .agent-balance {
    margin-top: 22.6667px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.agent-home-container .agent-balance p {
    font-size: 15.8667px;
    text-align: center
}

.agent-home-container .agent-balance .balance-amount {
    margin-top: 5.66667px;
    font-size: 34px ;
    font-weight: 700
}

.agent-home-container .agent-withdrawl-deposit {
    display: flex;
    justify-content: center;
    font-size: 18.1333px;
    color: #fff;
    margin-top: 22.6667px
}

.agent-home-container .agent-withdrawl-deposit .agent-withdrawl {
    width: 2.4rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    border-radius: .456.6667px ;
    border: 1.13333px solid hsla(0,0%,100%,.28)
}

.agent-home-container .agent-withdrawl-deposit .agent-deposit {
    width: 2.4rem;
    height: .82rem;
    margin-left: .75rem;
    line-height: .82rem;
    text-align: center;
    background-color: hsla(0,0%,100%,.28);
    border-radius: .456.6667px 
}

.agent-home-container .agent-offline {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 134px ;
    margin: -45.3333px auto 0;
    padding: 0 17px
}

.agent-home-container .agent-offline ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 5.66667px 17px 0 rgba(0,0,0,.12);
    border-radius: 5.66667px
}

.agent-home-container .agent-offline ul li {
    height: 100%;
    position: relative;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13.6px;
    color: #868686;
    text-align: center;
    padding: 11.3333px 5.66667px 0
}

.agent-home-container .agent-offline ul li .offline-num {
    line-height: 34px ;
    font-size: .48rem;
    font-weight: 700;
    color: #58a9f8
}

.agent-home-container .agent-offline ul li:not(last-child):after {
    position: absolute;
    right: 0;
    top: .56rem;
    content: "";
    width: 1.13333px;
    height: .48rem;
    background-color: #f3f3f3
}

.agent-home-container .agent-nav {
    margin-top: 22.6667px;
    padding: 0 17px
}

.agent-home-container .agent-nav ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 11.3333px
}

.agent-home-container .agent-nav ul li {
    display: flex;
    justify-content: center;
    max-width: 100%;
    overflow: hidden
}

.agent-home-container .agent-nav ul .agent-nav-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.agent-home-container .agent-nav ul .agent-nav-item img {
    width: 62.3333px;
    height: 62.3333px
}

.agent-home-container .agent-nav ul .agent-nav-item .agent-nav-name {
    margin-top: 5.66667px;
    font-size: .26rem;
    color: #050505;
    text-align: center
}

.agent-home-container .agent-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .98rem;
    background-color: #fff;
    box-shadow: 0 -1px 0 0 #e0e2e6
}

.agent-home-container .agent-footer ul {
    height: 100%;
    display: flex;
    flex-wrap: nowrap
}

.agent-home-container .agent-footer ul li {
    height: 100%;
    flex: 1 1 0%;
    display: flex;
    justify-content: center
}

.agent-home-container .agent-footer ul .footer-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.agent-home-container .agent-footer ul .footer-nav .am-icon {
    width: 22.6667px;
    height: 22.6667px
}

.agent-home-container .agent-footer ul .footer-nav .footer-nav-name {
    margin-top: 5.66667px;
    font-size: 11.3333px;
    color: #868686
}

.agent-download-bar.show-bar+.agent-home-content {
    padding-top: 11.13333px
}
.moveup {
    top: 0 !important;
}
@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    .agent-footer {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    .agent-footer {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    .agent-footer {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    .agent-footer {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    .agent-footer {
        padding-bottom:var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .agent-footer {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .agent-footer {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .agent-footer {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .agent-footer {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .agent-footer {
        padding-bottom: var(--safe-area-inset-bottom);
        height: calc(.98rem + (var(--safe-area-inset-bottom)))
    }
}

@media (max-width: 400px) {
  .vendor-icon-list {
    grid-template-columns: repeat(3, 1fr);
  }
  #menu {
    width: 300px;
  }
  .shell-download-bar .download-bar-btn{
    right: 35px;
    font-size: 11px;
  }
  .shell-download-bar .app-full-name-wrap {
    font-size: 12px;
  }
  .shell-download-bar .app-star-grade .star-icon {
    width: 10px;
    height: 10px;
  }
  .register-btn {
    min-width: 80px !important;
    padding: 0 15.7px !important;
  }
  .shell-download-bar .download-bar-close {
    right: 5px;
  }
}


.forgot-password {
    padding-top: 28.3333px 
}

.search-games-container .search-games {
    width: 4.04rem;
    position: relative
}
.mc-app-home-root.moveup{
    margin-top: 20px !important;
}
.search-games-container .search-games .search-input {
    display: block;
    width: 100%;
    height: .68rem;
    padding: 0 11.3333px 0 .608rem;
    border-radius: 5.66667px;
    border: 1px solid #5d6c87;
    background-color: #222a38;
    font-size: 14.1667px;
    font-weight: 500;
    color: #fff
}

.search-games-container .search-games .search-input::placeholder {
    font-size: 14.1667px;
    color: #5c677a
}

.search-games-container .search-games .search-icon {
    position: absolute;
    top: 50%;
    left: 9.06667px;
    width: .29rem;
    height: .29rem;
    transform: translateY(-50%);
    color: hsla(0,0%,100%,.6)
}

.search-games-container.large {
    margin-bottom: 22.6667px
}

.search-games-container.large .search-games .search-input {
    height: 40.8px;
    padding: 0 17px;
    border-radius: .36rem;
    font-size: 17px;
    font-weight: 500;
    box-shadow: 0 1.13333px .06rem 0 rgba(0,0,0,.49)!important
}

[data-theme=light] .search-games-container.large .search-games .search-input {
    background: rgba(149,123,241,.71)!important
}

[data-theme=dark] .search-games-container.large .search-games .search-input {
    background: rgba(149,123,241,.4)!important
}

.search-games-container.large .search-games .search-input::placeholder {
    font-size: 17px;
    font-weight: 500;
    color: hsla(0,0%,100%,.5)!important
}

.search-games-container.large .search-games .search-icon {
    position: absolute;
    right: 17px;
    top: 9.06667px;
    width: 22.6667px;
    height: 22.6667px;
    color: hsla(0,0%,100%,.5)!important
}

.hot-games-center-container {
    width: 100%;
    position: relative;
    background-color: #181f2b
}

.hot-games-center-container .search-games-container {
    position: absolute;
    right: 11.3333px;
    top: .35rem
}

.hot-games-center-container .search-games-container .search-games {
    width:113.333px
}

.hot-games-center-container .category-select .simple-select .select-wrap {
    height: 45.3333px;
    padding: 0 17px;
    border-radius: 1.13333px;
    background-color: #161b2a;
    font-size: 22.6667px;
    font-weight: 600;
    color: #fff
}

.hot-games-center-container .category-select .simple-select .option-wrap {
    top: calc(100% + .13rem);
    left: 0;
    width: 2.9rem;
    border-radius: 9.06667px;
    background-color: #2b3248;
    overflow: hidden
}

.hot-games-center-container .category-select .simple-select .option-item {
    height: 45.3333px;
    line-height: 45.3333px;
    padding: 0 0 0 17px;
    font-size: 13.6px;
    color: #fff
}

.hot-games-center-container .category-select .simple-select .option-item.selected {
    background-color: #434b67
}

.hot-games-center-container .slots-games {
    position: relative;
    min-height: 6rem;
    padding-top: 17px;
    background-color: #0e131b
}

.hot-games-center-container .slots-games .game-list-wrapper {
    padding: 0 .26rem 134px 
}

.hot-games-center-container .slots-games .game-list-wrapper .game-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: .34rem;
    row-gap: .26rem
}

.help-container {
    width: 100%;
    height: calc(100vh - 56.6667px );
    height: calc(100*var(--vh, 1vh) - 56.6667px );
    overflow: hidden
}

.help-container .help-content {
    height: calc(100% - 117px);
    padding: 22.6667px 0 0;
    display: flex;
    justify-content: flex-start;
    overflow: hidden
}

.help-container .help-content .help-menu {
    flex-shrink: 0;
    height: 100%;
    width: 211.3333px;
    padding: 0 9.06667px;
    overflow-y: auto
}

.help-container .help-content .help-menu .menu-item {
    width: 100%;
    height: 40.8px;
    margin-bottom: 11.3333px;
    font-size: 13.6px;
    font-weight: 500;
    text-align: center;
    border-radius: 4.53333px;
    color: #897d77;
    background: #e4e0df;
    display: flex;
    align-items: center;
    justify-content: center
}

.help-container .help-content .help-menu .menu-item.on {
    background: linear-gradient(180deg,#ffc819,#ce0000);
    color: #fff
}

.help-container .help-content .help-main {
    position: relative;
    flex: 1 1 0%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    color: #897d77
}

.help-container .help-content .help-main .main-item {
    display: none;
    padding: 0 11.3333px 28.3333px  5.66667px
}

.help-container .help-content .help-main .main-item.on {
    display: block
}

.message-center {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.message-center header {
    height: 56.6667px 
}

.message-center .message-list {
    width: 100%;
    padding: 0 22.6667px
}

.message-center .message-list li {
    width: 100%;
    height: 128.3333px ;
    padding: 0 .29rem;
    margin-top: .38rem;
    background-color: #182c15;
    box-shadow: 0 .03rem .06rem 0 rgba(0,0,0,.16);
    border-radius: 13.6px;
    display: flex;
    align-items: center
}

.message-center .message-list li .content-body {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    font-size: 18.1333px;
    padding-left: 11.3333px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.message-center .message-list li .arrow-right {
    width: .19rem;
    height: .34rem;
    color: #5c5c5c
}

.message-center i.icon {
    flex-shrink: 0;
    width: .7rem;
    height: .7rem;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.message-center i.icon.announcement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAARVBMVEX/wgAAAAD/wgD/wgD/wgD/tgD/vAD/wAD/vwD/tQD/sgD/vgD/vAD/vwD/vwD/kgD/wgD/tAD/vgD/uQD/rAD/ogD/jwCc5uoBAAAAEHRSTlMzACocD+NxrOuEo1vVy0ffd8P64AAAAf5JREFUWMOt2NGSgyAMBdBsoICiXah1//9TV+lU2pIQpd6Zvp4hwaEB+GGjtVKYo5TWP1wYRiECFVR6L6MVQi2odzAaQY4SGAnJxdUYAuFL4xgNh4I0owCaHagocgpGUCQHCqWpLhC7KzuZgeaoFwbbGcyMhi+iNgbhmyRGXEznguukskBajAlrzA4GahmCvdowCN0B6ctzwYMPTqgKpAaPYTTLD2oRGW9dWOOsr1YFtX1ampJjr5WqoNIa48JrnKkxyCpvyO0WbpyDmmXQh3dmycQ1aGGAyfCupAxcj1nGEMo0GY7RDDNSysQsB0Exe00qMV6PMYZWomEYpJmOVmJ3jOlpJfZAhmMsrdwbGEI5yKCllYbVEErDagilYTW0MveHPj+0hdLCwPihxITM88gwGqgYSkmO2c14Ozh3cRc6g/W7zhsfinMvZYrPeIJB+tjLwFbeVmFx6miC2YwC2dZDHOnFVsXUytTS+MgHEt0nQ/3d/f6tmdckKue5az3BFFVdkzMnaGUS9BpbdLhgUny3JVkL5MwzvjyO64MJAsJ4T8xjc5A+LFEek7rwaE8vjEnS0Dbc1uZcgA/uGiF7F50Fifl+oD1nvMZTh/0vHXXORej8axnvyEpm2ttz/gW6/Tp/8uNC+1MHqBMeXlA1PgPxSGYIqe1RirEU7n0i+wdYsTeddd3ZzAAAAABJRU5ErkJggg==)
}

.message-center i.icon.inbox {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAWlBMVEX/aQAAAAD/aQD/aQD/aQD/aQDy49b35NT7q47k6Ob7f0f/QQH/aAD5+/r09/b+/v7/XAD/VAHG0c3/YgD/RQHs7+zY4N3/TAH9ij3/eR745NT5xqH7qG332cFDyhQaAAAADHRSTlMzAC4lChixqP37YcvsKcGuAAACTElEQVRYw63Y23bqIBCA4QnDdKsleEpsPL3/a+5ARAwzxJz+1CvbbwHpUgIUubQmQkTlQ0QirYtcIBOECqQUyRRIhoKhkEYwhPA90sOMVjAqRQOMRhifzjEaJoUyQzAx1AKDMDmlGUMACxyIyiynz2iYGfYYmB19MDifUfrNaFgQvhmEJekXo2FR6Bg2GLXb2rYytN+X/eodXx3gt+ln/1GK2PbnH/Qjz1CeKd2VZBmjPIN5plOCZN1lOQOO0UpmbN1v277cWErOkGNAZranfpfTaesHwxnVMiQzvZn1piUzmGf46mZGo6FQMsPukRtHZlJAUABjOuRyYl1sltGceS2H9dXdVbuXzTEIxBlpQv5WT2RKaXVjP5CmWihpt+mQ+sJ6zWqzG8FUeWb7YqoRjGmS2bAaAyzFGNPcosKpW2PGMeb6DH9bh8tn255XM45xbcpS/ve7GzOBMY2NvUdk7cNkGJQZc73x5a0bM54J3csOuj290S2LzCiJCT2s6+FGZq1fljxDjIk1dZjH3XGTmPNH1/s1jKw5f8RXRg8x5qNhpoCkQ8z0OsSETz+VZUzSIJPequOrqEQnvCd8pBNjgsI7Zxjh6+7P1ym8o39XYpTAxHvEHc6QsBWoqioostP+QsJIG5NWOQzWOtLGpEiZ45f+EoakTdtv9bXf5HavuIVcvqFdZ3u96mbfpxY/evho9pTWfizrwoUPiUscPesBmo8lMrMdXONwQdHAUQep8ScCjJkKqYhwJk5tWEJafiiFFAbCGFkKR2Sjzsj+A2aUUQCl+83MAAAAAElFTkSuQmCC)
}

.message-center i.icon.chat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAt1BMVEVO1PkAAABO1PlO1PlO1PlO1PlO1PlU2u1N1/RV3f5O2qRW3/9M1/1e4/9U3f5067x+8bd977ph4c8/0vxd4v9d4v82zP9n5rtz6clq6a1o5sc60ss6zZ9e4/9/8bYbvv+F87tQ3P8mw/870P8sx/9I1/80zP9X4P////9C0/9277Bu664Tuf937bVh46snyuyv6P+W4f/i9v913v9p2/9D1sU2z5dYz/891NuE2v/H7f5e48EZxNW59J84AAAAHXRSTlMzACkaCSIRQE9+/ude+bSw9NdfnNfG35V+7m/h3UXZgnUAAAMTSURBVFjDrdjpWuIwFAbgY5q0gC2b6zgDtbQWK1U2cVzm/q9rThJFkiYpUr4f9vEHL+ckbUkCJ7ZQ3/MYIQR4CGGe59MTW8BMeAyMIZ5vZ3QDnGH+HoxPoD6eg9ERN+RgKIP949sYH34UZmY8+GEINTAMfh6qMrKWBg40UoCojA8HhigMHBxvh2FweOiWodAgbMsQMCRsX5xGo1F03m0HteWApZj2+eg7UTesKQeMIxMioqbrqIhKplpKpCvT6Wnomiww3HndUVVJkqRtY4hgyH5Kcmd1BKN3ZFPuitDaFejPQSuyKMhcBrauQB+aC7tSpGdgDjJEbcmlpKmlHIqQWoxTyS3l+BrTciv5pWWMgao9uZU8axkZBupEdWuUzNwVAXWizmuUyb8/QyPDlP8jCawXizUq0+VizZXnxbLgCjLzl5crg6MxUnm+xzxPk3e8LO+KNV5WUuFMp2eqx8As7sXnhbbKihW//hUKMp3OU6+OiXaYTDJxJplygonnqDzNrsGdUzk08uvzFdfi+E1oZYwKMqg89gM3c7EdYmwiL5bvbzF+er1YTsoy5nnlyuO4527q7HOmiwkqeZrHqGDiEhWRjVDG/cDJtKUyTQqhpClHkIxRKfkfqdzeXjuZ8FNJkkIoaS6UbBLLzD+V257zvgmEIt91KY+4dTPelyjnY8YVzKDycCqJvhTJ5JyRCnfmUsH0tZZ8bca3SlFVyo8vZTzWGKoxVgUn63WraAyDE41x1DLfUdSmvApjq0VVxgP9JUp0pr4WTE9/pXsaY64l3uwqDw9X+g+M9hY1KJjX2VaRzI3+c6dNVYsnDNtn3csvZY4PklILZqiMsL4U0Mjw92bD3wyKIpiWthRwL4mDTkV54JkFOuNezQ6NtcwUxpMMczq/DLWoDJUMBVdag0otKsOUBa0914OK8suwoK3fMQx7gz4+R4Pe1c2wFWDgO+yIi/3mW4+jb4Qw3oGMvklkDTeJTRx63A308bfzGEqaHC4cUhA7xsELo3scAzG3Qbz9D6WIhWDmA676IzIB4oW5jsj+A+4Es3eLFRNJAAAAAElFTkSuQmCC)
}

.message-center i.icon.affiliate {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAwFBMVEV6rN8AAAB6rN96rN96rN96rN96rN/81ai+v8KapMbz2bl7rN/q2MHStaD9u4bjbH96rN9Ij9Txr3v5uon1uIjvannvuZB6rN/ptpFhntrg1cXeYHbWbYRbl9P6NUP8k4T1rnX63Lf51rD0bnnpbX5bmtjbxbH7Y275N0Zhntr3RFP/u4X/5MH9Ym16rN/3q27+0aI6h9H/3bX+1Kf6Kzr8tHv/2K7/x5e3s7b+ppn/wIz9WWVpotylscL+t6SJn7ez6ZdOAAAAK3RSTlMzAC4LJBwW9lZEvY2dcPCNfe3d18exrKSahYWFdv79/Ojk2caflXvy8XPllu/EpAAAAwVJREFUWMO12Nl22jAQgOFBks0SIIGkaUL2Pa2dxLWC3ZIu7/9WHQnbI1sSNUv/C+CG74yEOUc2dHxxHgZCsDIRhJx3fIGbCAUDVyzgbRkeEOFK8BYMJ8NfYDFrIgT5GS6gfdzHcFgr4WYCWDPGHYyA9ePEmLNsPA+QspFTZzhsmKgxDDYtNBgBm8crhsMWCc24hzmdTE7Bbv/pad85DjiHefiGPdjKC2Y5omCEreia85y96O7tcTRjrejiYul8AbNzJJxOqJkQ6h28vr7+JIeUqk/WNYgMs5TKmQB1/+J1HMweGqUz6YPRndcJkeGWUjoX0xFU9Qfxlc9hyAR1hfrz9vZ2raHebDi8ieP4h+HcNRgB1GdD+RUho6BZXNRwjBVz6DCfgs3RkaTUna99k/ErupSMhnP5XDkB8JVKTkDT+Xh/f4YiYTCG8r1Qktjud6lgxATVdrdQyNHKZfVdEHT5NpVFvCxNs6zhoIKd1xhySKGNyRJMJqnpfFwq5QwoZl58pUJMqpBc/fCGI69IIabm7EWUzCQiC/xEznI+dPbBYsg5gLHhJFLm6p2cYsDh+Rm4GOoosiKnUG6B8jAn0SpHK93+v5letMLJMqX0wEqAY1V5svA40lJ8TG+sLrbc43QHDoRBAFYDfW1Eeb5wOSMnE0KzmVJSKfElrxvamTqXxJ3DpEmmLZPBSdTLtZPpQLPbVCtYQgw5Jw4mcDA99WsoBd/zakXz5daMj8BRCB1hO4PlJquR0kU5iXam4IyD89Q31EqqN8lcUTT2nADBeUaaZameBTFZ25nDtRgY4N+v3B5yDg97nhsI8B0f+8Nye6Ta23lEo1jRwcTuEf+GenuyvNjhY4/C6JjkaNjt3uhNztWKpseP4CmkQ5u7VCkSFf8odGjj4OtGykSORmNk6OL1HSH94/S6SRfX0j8+8ivAd3i83v6wv9tbj62WxXZ+W7b59jC+61vW7W+gt7+d3/7hQvj/HnVQYRtI8BaPgcRqSYStH0oFnl1iwv2Aq/0jMhFwJDz9BW4x2MdsHwIPAAAAAElFTkSuQmCC)
}

.message-center i.icon.telegram {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAgVBMVEVBlNAAAABDk9ByjuRDkdFEl9JElNBHkdBGls9Dj9FClNBFlM5Ek9BEk9BEk9BEk89Ih85Ek9BElNBEk9BEk9BEk9FElNBDktBEk9BEk9BEk9FEk9BEk9BEk9BEk9FDk9BEk9BEk9BEk9FEk9FEk9BEk9BFlNFEk9BDk9BDk89Ek9DWARDgAAAAKnRSTlMrACgCGAgjIBAMGxOQMfIeBfpdTuSldUE469+d2tLLwbptrWRWgDy2i0WvoGZ1AAACrUlEQVRYw62Y6XaqMBSFtwlTQATBCadWWzvk/R/wnhVuCQKBNPTzh5C1/MjZWcQDWJjwIy8LGAPBgjD2EpHzhYlhDY8yhj4s9AS31XCRYYQw4hYanjBMwGJ/ShMx2BDnY5o8hCUsMWsEgz1hPqzhHn4F84c0PMMvYUJr3C2E6GnI4uzRGg9OsPxJI+BI2NZwBleSliaGMyxvND5m4DWaDHPIlUZNZu508NtkDreymw5XGg57ivtartAhUpoEluyXG0ms0SFTmhA2pLsXWXNBF06aHBa8b1fyhy26CNJEFsUcZYtdf61IE9sW81mu1XeJLgFpgtGVaYqpboerOlihDwe3K+Z+OFyk4oo+Pn3Gi1Fs3vBxljUn9IkQGVdGc0qxbyZ2Q58E3uTKnAvge9OcfqNPjHisGGK9TIGyas4rDJAhHCmGuJQ0WrQGXzBAQJ8WF/nM+iul0dtaapbDGoYWnalcSxAPsmjeMAB71rwvr/o3q4ca+3pWf4xr9LZ0r+oQ9up8+2zZwJ7idJSv9bq9ymfUsD2Vuuz/22gkYV3WIFtZAvuz7PJmkASGuui6+0r2+DBoTFvo5oqbJKwSDmDatU7y8JCEVcIhPNPuK3cnKS0TjhHBwPH1s76r1pMJw4MPA6fVRe3AaVFNJYwIxtamrDdPOvo+TySMHOZ/u3OzY6b38YTZAuau76uV6G41lnBGGh8mdkWrxPNIwglpFgw2pHSrH1NTowT7XrZ4HIzdKGY2W7q/obWaBeO1RmAWyU8nGs6bzJ/0xYnu0j04E7SfGQLnkvxGQ/jMebG1hojcg9EaInHr87VGe1wsWuNaVzT8OO8HDmukNU4P9B5fdDQOEwr9iRcvIrCQCIvXQH7MRjPxfMuXUlzEhjkF2jGm0eQiiUPGUMNYkHmR4AsD/wAFyGY24OW6FAAAAABJRU5ErkJggg==)
}

.message-center .unread-wrap {
    position: absolute;
    right: .17rem
}

.message-center .unread-wrap i {
    min-width: 22.6667px;
    height: 22.6667px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: .26rem;
    font-weight: 400;
    font-style: normal;
    background: #fe615f;
    border-radius: 17px;
    padding: 0 .09rem;
    box-shadow: 0 .03rem 4.53333px 0 rgba(255,50,93,.5)
}

.download-bar-shell.show-bar+.this-mc-header+.notice-wrap {
    padding-top: 68px
}

.notice-wrap {
    min-height: calc(100vh - 56.6667px );
    min-height: calc(var(--vh, 1vh)*100 - 56.6667px );
    padding-bottom: 56.6667px 
}

@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom:calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom:calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom:calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom:calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    .notice-wrap {
        padding-bottom:calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 390px)and (max-device-width:844px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .notice-wrap {
        padding-bottom: calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 428px)and (max-device-width:926px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .notice-wrap {
        padding-bottom: calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width:812px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .notice-wrap {
        padding-bottom: calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .notice-wrap {
        padding-bottom: calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

@media only screen and (min-device-width: 414px)and (max-device-width:896px)and (-webkit-device-pixel-ratio:2) {
    #root.app {
        --safe-area-inset-bottom:0.37rem!important
    }

    #root.app .notice-wrap {
        padding-bottom: calc(56.6667px  + var(--safe-area-inset-bottom))
    }
}

.shell-notice-container .mc-notice-header {
    position: relative;
    padding: 0 22.6667px 0 .29rem;
    display: flex;
    align-items: center;
    color: #fdd82d;
    height: 141.9333px
}

.shell-notice-container .mc-notice-header img {
    width: .35rem;
    height: .37rem;
    margin-right: .2456.6667px 
}

.shell-notice-container .mc-notice-header .icon {
    display: block;
    width: 22.6667px;
    height: 27.7667px;
    margin-right: .2456.6667px 
}

.shell-notice-container .mc-notice-header .icon.unread {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAARVBMVEX/wgAAAAD/wgD/wgD/wgD/tgD/vAD/wAD/vwD/tQD/sgD/vgD/vAD/vwD/vwD/kgD/wgD/tAD/vgD/uQD/rAD/ogD/jwCc5uoBAAAAEHRSTlMzACocD+NxrOuEo1vVy0ffd8P64AAAAf5JREFUWMOt2NGSgyAMBdBsoICiXah1//9TV+lU2pIQpd6Zvp4hwaEB+GGjtVKYo5TWP1wYRiECFVR6L6MVQi2odzAaQY4SGAnJxdUYAuFL4xgNh4I0owCaHagocgpGUCQHCqWpLhC7KzuZgeaoFwbbGcyMhi+iNgbhmyRGXEznguukskBajAlrzA4GahmCvdowCN0B6ctzwYMPTqgKpAaPYTTLD2oRGW9dWOOsr1YFtX1ampJjr5WqoNIa48JrnKkxyCpvyO0WbpyDmmXQh3dmycQ1aGGAyfCupAxcj1nGEMo0GY7RDDNSysQsB0Exe00qMV6PMYZWomEYpJmOVmJ3jOlpJfZAhmMsrdwbGEI5yKCllYbVEErDagilYTW0MveHPj+0hdLCwPihxITM88gwGqgYSkmO2c14Ozh3cRc6g/W7zhsfinMvZYrPeIJB+tjLwFbeVmFx6miC2YwC2dZDHOnFVsXUytTS+MgHEt0nQ/3d/f6tmdckKue5az3BFFVdkzMnaGUS9BpbdLhgUny3JVkL5MwzvjyO64MJAsJ4T8xjc5A+LFEek7rwaE8vjEnS0Dbc1uZcgA/uGiF7F50Fifl+oD1nvMZTh/0vHXXORej8axnvyEpm2ttz/gW6/Tp/8uNC+1MHqBMeXlA1PgPxSGYIqe1RirEU7n0i+wdYsTeddd3ZzAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    position: relative
}

.shell-notice-container .mc-notice-header .icon.unread .bubble {
    position: absolute;
    display: block;
    width: .14rem;
    height: .14rem;
    right: 0;
    top: 0;
    border-radius: 50%;
    background-color: #fe615f;
    box-shadow: 0 .03rem 4.53333px 0 rgba(255,50,93,.5)
}

.shell-notice-container .mc-notice-header .icon.read {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAaVBMVEWfn58AAACfn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn59IGEdoAAAAInRSTlMzAOMqMS4ZEgsEJiOmBx/w1myy+YBzR4VhVs/HoDl5kOd4rvR8vQAAAidJREFUWMPNmNt24jAMRU+wHd9wAqFQyq0z/v+PHGBNQ0skC0geuh/yuFd8lKXIQsXgk7N1DEqZM0qF2NTW+YoBpMLV0YBAq8b6BzWuMSigo/WixlsFEd2ksqaXiCLPa1LEw2jLaazGM0RaU+NJVCI0EU+j00DT4AVMutPUeAnlf2gsXiR813iDV6l7jRCvFHOvcRhB7DUBY0j/NU6jwNssz96k14GUzClfOJXScVeNR4lF7jZdXgjFgvTltXmLbW5RQF01CiX2efd3l/co4c+aZMDzMW/zhXb+UTwVSl3mHMqNblM4FQrRLNv8nXYJBuNRBdayyj9ZLdmSozJcLL3l5uECsqj4D2bIgssYDjTrTLEGSYQFzY7U7EASUDO1zjR01RWifCb5VAZMvT8ZzSddcSiQHBjNASScZs5o5qAxv0qjfpUmTKHRiFNoDGquBdPsmWQs83fiONHJOKJhdYsZz6IbNq9ItK3tKpdZbYdtq9Ji25OboCVaepYhWvqgVCvR0hI/GKufPtSB+N2le81mJli6433C9Ciwfb/wdqH9Osd6vV5e2Q7bsRcHk31fHB4jj0nvRBzUmCRMkMfd1TI7CkObNM8eD39y2xUsCNMMtG7K8Xrk6+g0+dVj/EVIuNwJGD/JJdFNcmV11U3z8vsoR1/n8RTRc8uFMG650GPNg5ImTbJ4Gb0GQqj9w0upoOniNDaxSylaZesmBnXdkZ2fIdbWpYrhHy3na8pzUrcyAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.shell-notice-container .mc-notice-header .notice-body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 0%;
    height: 100%
}

.shell-notice-container .mc-notice-header .notice-body:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    width: 100%;
    transform: scaleY(.5);
    opacity: .4;
    background: #897d77
}

.shell-notice-container .mc-notice-header .notice-body__title {
    display: flex;
    align-items: center;
    margin: 22.6667px 0
}

.shell-notice-container .mc-notice-header .notice-body__title--text {
    display: inline-block;
    width: calc(100% - 1.7rem);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    color: #000
}

.shell-notice-container .mc-notice-header .notice-body__title--time {
    margin-left: auto;
    order: 2;
    font-size: 15.8667px;
    font-weight: 400;
    color: #897d77;
    opacity: .7
}

.shell-notice-container .mc-notice-header .notice-body__content .ellipsis {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: .26rem;
    font-weight: 400;
    color: #897d77;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shell-notice-container .mc-notice-header .accordion-arrow {
    width: .22rem;
    height: 1.13333px;
    fill: transparent;
    margin-left: 18.1333px;
    transform: rotate(0)
}

.shell-notice-container p {
    text-align: justify
}

.shell-notice-container .mc-notice-time {
    margin-top: 5.66667px
}

.shell-notice-container .mc-notice-content {
    font-size: .26rem;
    padding: .27rem .35rem .26rem 26.6333px;
    white-space: pre-wrap;
    word-break: break-all;
    overflow: auto;
    color: #adadad;
    background: #fff
}

.shell-notice-container .double-arrow {
    position: absolute;
    right: 5.66667px;
    top: 50%;
    transform: translateY(-50%)
}

.shell-notice-container.on {
    background-color: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%)
}

.shell-notice-container.on .accordion-arrow {
    transform: rotate(180deg)
}

.noticeTop {
    margin-top: 56.6667px ;
    margin-bottom: 56.6667px 
}

.setting-container #header {
    box-shadow: none
}

.setting-container .setting-list {
    margin: 11.3333px 0
}

.setting-container .setting-list li {
    display: flex;
    align-items: center;
    height: 56.6667px ;
    padding-left: 15.8667px;
    background-color: #fff;
    position: relative;
    background-image: url(data:image/png;base64,UklGRpwAAABXRUJQVlA4WAoAAAAQAAAADwAAGwAAQUxQSFAAAAABL0CYbbTfTGd+GscREcGXQkEjSQ1VQBVAUAIKwL+d7xiI6L/Ctm2b7J20Z6zjANaSETwAvUB1C1Ljs9pITQzYwSVokPE4/D/ov5j/Q//pAFZQOCAmAAAAsAEAnQEqEAAcAAJAOCWcAAQayd9+AAD+9UtX8RbJE/+99ewgAAA=);
    background-repeat: no-repeat;
    background-size: 1.13333px 11.3333px;
    background-position: top 22.6667px right 15.8667px
}

.setting-container .setting-list li span {
    font-size: 15.8667px;
    color: #414655
}

.setting-container .setting-list li:first-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #eee
}

.setting-container .logout-btn {
    text-align: center;
    height: 56.6667px ;
    line-height: 56.6667px ;
    background-color: #fff;
    color: #414655;
    font-size: 15.8667px
}

.shell-spinner-loading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.shell-spinner-loading-wrap .shell-spinner-loading {
    animation: rotator 1.4s linear infinite;
    width: 36.8333px;
    height: 36.8333px
}

.shell-spinner-loading-wrap .shell-spinner-loading .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s linear infinite,colors 5.6s linear infinite
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes colors {
    0% {
        stroke: #fefc41
    }

    20% {
        stroke: #ff5676
    }

    40% {
        stroke: #fa60ff
    }

    60% {
        stroke: #3296ff
    }

    80% {
        stroke: #30f282
    }

    to {
        stroke: #fefc41
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.shell-appDownload {
    min-height: 100%;
    width: 100%;
    position: absolute;
    background: #ededed
}

.shell-appDownload:after {
    content: "";
    display: block;
    height: 79.3333px
}

.shell-appDownload .appDownload-header {
    background: url(/m/appDownload-header.6fd800e7.png) no-repeat;
    background-size: 100% 100%;
    height: 3.26rem;
    padding: 0 17px
}

.shell-appDownload .appDownload-header .app-name {
    text-indent: 1em;
    font-size: 22.6667px;
    line-height: 128.3333px ;
    color: #fff;
    font-weight: 700
}

.shell-appDownload .appDownload-header .appDownload-header-content {
    height: 25.66667px;
    border-radius: 15.8667px;
    background: #fff;
    position: relative;
    bottom: -.68rem;
    padding-left: 214.1667px;
    padding-top: .33rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-icon {
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
    top: -.34rem;
    left: 17px;
    border-radius: 15.8667px;
    background-color: #76bfff;
    z-index: 1px;
    overflow: hidden
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-icon img {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .official-logo {
    color: #34bff9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAjVBMVEUAAAA2wvNj5n5k5n43wvM4w+5l53o3wvI1wPZl5nti5YE4w+9l53o0wPk4w/Bf4opm53c8xeVg44c7xOk2wfVl5nth5IM5w+xh5IM0v/pm53g0wPk+x+BBytlJ0MRP1bNV2qJa3pdd4I9j5YE2wfQ7xedDy9NFzM9GzspL0r5N07lS161T2KhY3Jxf44lMtBDnAAAAGnRSTlMALCsHmP6SBtjYNDOZkQv5+PbX1ry8mZCP9CgNQd0AAADzSURBVEjHrdBXFoMgEIXhURBbTK+mB0zX/S8vM4nZAJf/gcPLfAeGpNjk49qjcW5i+qVMDTRQX2PBt0KRR6oY1PVCRo3NY/Iuzq3h01rA6OfXdklQS7umaVdgSNFNadQpDFHdiC4XwmIhDHI+gwYLYZC2BQ0RTifQYCEM8n6DhgivF2iIcDyCBgthkOcTNER4PEBDhMMBNFgIg9zvoCHC7QYaIlyvoCHCfg8aLIRBdjvQYCEMMmlSzBg2E5o1JYaUzYxWicYQnawoSpIIIPp57bIIMDInP0nnzuky9dppqZ2bpyRKtQXSw/+bqswL2GRVRNwHGNsqP2r0w8cAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    padding: 0 1em;
    min-width: .68rem;
    font-size: 11.3333px;
    display: inline-block;
    vertical-align: middle;
    height: .38rem;
    margin-left: .13rem;
    line-height: .38rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-full-name {
    max-width:113.333px;
    display: inline-block;
    vertical-align: middle;
    line-height: .38rem;
    font-size: 18.1333px;
    color: #2a2b2d;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade {
    margin-top: 1.13333px;
    height: 14.1667px;
    font-size: 13.6px;
    font-weight: 700;
    color: #757575
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .star-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAV1BMVEUAAAD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD6xBfPAAAAHHRSTlMA8ArXPpX46M9xaN2zqDgwIsbAd1USnomFX0ka9HEmugAAAJ5JREFUKM9tkFcOxCAMRO0QUilp233/cy4BhLDw+5wn7MFQMa0PkJiJrCiQiKQnFwVeglC3wK7JHUWWRhxJKBZ2/mMpYxaXxm36UEgMXPeng5FkQMk5woai6MOSQcwDvs0viPRVxH/55dNmKEx1PvIDZvghu6GpVLbLO2YudBE6BWvuYIswFBhOgCWedGKl9C/WeN+m1DpxL028GeOOP33PIOKc92DnAAAAAElFTkSuQmCC) no-repeat;
    background-size: 13.6px 14.1667px;
    height: 14.1667px;
    width: 13.6px;
    margin-right: 4.53333px;
    display: inline-block
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .grade-text {
    display: inline-block;
    vertical-align: top
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-download-btn {
    position: absolute;
    top: 22.1px;
    right: 17px;
    padding: 0 .38rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .26rem;
    background: #3887fe;
    color: #fff;
    text-align: center;
    border-radius: 18.1333px;
    cursor: pointer
}

.shell-appDownload .appDownload-tabs {
    margin-top: .98rem;
    padding: 0 17px;
    line-height: .48rem
}

.shell-appDownload .appDownload-tabs p {
    text-align: justify
}

.shell-appDownload .appDownload-tabs .view-item {
    min-width: 50%;
    text-align: center;
    color: #5e5e5e;
    line-height: .88rem;
    float: left;
    position: relative;
    font-weight: 700
}

.shell-appDownload .appDownload-tabs .am-tabs-ink-bar {
    background-color: unset
}

.shell-appDownload .appDownload-tabs .am-tabs-bar,.shell-appDownload .appDownload-tabs .am-tabs-tab {
    background-color: transparent;
    border: none
}

.shell-appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
    content: "";
    border-radius: .03rem;
    background: #2297ff;
    height: .06rem;
    width: .36rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10.2px
}

.shell-appDownload .appDownload-tabs .tips-red {
    color: #ff3636
}

.shell-appDownload .appDownload-tabs .view-content {
    margin-top: .5em;
    padding: 0 .37rem;
    color: #5e5e5e
}

.shell-appDownload .appDownload-tabs .view-content img {
    width: 100%
}

.shell-appDownload .donw-load-btn {
    position: fixed;
    bottom: 22.6667px;
    height: .64rem;
    width: calc(100% - 34px );
    left: 17px;
    line-height: .64rem;
    font-size: .26rem;
    background: #3887fe;
    color: #fff;
    text-align: center;
    border-radius: 18.1333px;
    cursor: pointer
}

.shell-appDownload .app-guide {
    width: 80%;
    margin: 68px auto 0
}

.shell-appDownload .app-guide .step {
    width: 100%;
    margin-bottom: 22.6667px
}

.shell-appDownload .app-guide .step:last-of-type {
    margin-bottom: 0
}

.change-password {
    padding-top: 28.3333px 
}

.change-password .login-form-bg {
    border-radius: 8.5px!important
}

.top-rank-container {
    width: 100%
}

.top-rank-container .rank-banner {
    display: block;
    width: 100%
}

.error-ip,.error-service {
    height: 100%;
    width: 100%;
    padding: 17px;
    position: fixed
}

.error-ip {
    background: url(/m/ip.ff5435ec.jpg) no-repeat 50% fixed;
    background-size: cover
}

.error-service {
    background: url(/m/service.410e3a51.jpg) no-repeat 50% fixed;
    background-size: cover
}

.errr-logo {
    width:113.333px
}

.error-contact-us {
    background: linear-gradient(90deg,#fe6e74,#f3077f);
    color: #fff!important;
    border: none!important;
    border-radius: 28.3333px !important;
    position: absolute;
    bottom: .76rem;
    width: 60%;
    font-size: 17px!important;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    text-align: center
}

.error-icon {
    margin-right: 5.66667px;
    width: 17px
}

.error-content,.error-text {
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%)
}

.error-content {
    color: #fff;
    text-align: center
}

.error-content .title {
    font-size: 28.3333px ;
    font-weight: 700;
    margin-bottom: 5.66667px
}

.error-content .ip-address {
    font-size: 17px;
    margin-bottom: 11.3333px
}

.error-content .error-info {
    margin-top: 17px
}

.error-content p {
    font-size: 17px;
    line-height: 22.6667px;
    white-space: pre-wrap
}

.fb-game-iframe-container {
    width: 100vw;
    height: 100%
}

.fb-game-iframe-container .shell-spinner-loading-wrap {
    height: 100%
}

.fb-game-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0
}

.vnlist-center.vnlott-container {
    height: calc(100% - 311.3333px);
    overflow-x: hidden;
    overflow-y: auto
}

.vnlist-center.vnlott-container .vnlott-list {
    padding: 0 8.5px
}

.vnlott-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
}

.vnlott-container .vnlott-tabs {
    height: 45.3333px;
    display: flex;
    align-items: center;
    position: relative
}

.vnlott-container .vnlott-tabs:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1.13333px;
    background-color: #1d1d34;
    box-shadow: 0 1px 1.13333px #343435
}

.vnlott-container .vnlott-tabs .tab-item {
    height: 100%;
    padding: 0 17px;
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #fff
}

.vnlott-container .vnlott-tabs .tab-item.on {
    background-color: hsla(0,0%,100%,.3)
}

.vnlott-container .vnlott-menu {
    display: flex;
    min-height: 22.6667px;
    align-items: center
}

.vnlott-container .vnlott-menu .lott-history {
    display: flex;
    align-items: center;
    height: 45.3333px;
    margin: 0 5.66667px
}

.vnlott-container .vnlott-menu .lott-history .am-icon-clock {
    width: 22.6667px;
    height: 22.6667px
}

.vnlott-container .vnlott-menu .lott-item {
    height: 45.3333px;
    line-height: 45.3333px;
    flex: 1 1 0%;
    text-align: center;
    font-size: .26rem;
    color: #fff
}

.vnlott-container .vnlott-menu .lott-item.on {
    color: #30b5fe
}

.vnlott-container .vnlott-content {
    flex: 1 1 0%;
    overflow-y: auto;
    text-align: center
}

.vnlott-container .vnlott-list {
    display: flex;
    flex-wrap: wrap;
    color: #fff
}

.vnlott-container .vnlott-list .list-item {
    width: 33.333%;
    padding: 0 5.66667px 1.13333px
}

.vnlott-container .vnlott-list .list-item:after {
    flex: auto;
    content: ""
}

.vnlott-container .vnlott-list .list-item .lott-img {
    width: 85%;
    margin: 0 auto;
    position: relative
}

.vnlott-container .vnlott-list .list-item .lott-img .lottime_box {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden
}

.vnlott-container .vnlott-list .list-item .fav-icon {
    position: absolute;
    right: 5.66667px;
    top: 5.66667px;
    width: 22.6667px;
    height: 22.6667px;
    color: #ede93d;
    z-index: 11
}

.vnlott-container .vnlott-list .list-item .fav-icon .am-icon {
    display: block;
    width: 100%;
    height: 100%
}

.vnlott-container .vnlott-list .vnlott-icon {
    display: block;
    width: 100%;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.vnlott-container .vnlott-list .vnlott-icon:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.vnlott-container .vnlott-list .vnlott-name {
    width: 100%;
    height: 25.5px;
    line-height: 25.5px;
    font-size: 13.6px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vnlott-container .vnlott-list .lottery-time {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%);
    font-size: .26rem;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    text-align: center
}

@media only screen and (max-device-width: 369px) {
    .vnlott-container .vnlott-list .list-item .lott-img {
        width:1.55rem
    }

    .vnlott-container .vnlott-list .list-item .vnlott-icon {
        width: 1.55rem;
        height: 1.55rem
    }

    .vnlott-container .vnlott-list .list-item .vnlott-name {
        height: 25.5px;
        line-height: 25.5px
    }
}

.game-menu {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    padding: 0 17px
}

.game-menu.sticky {
    position: fixed;
    left: 0;
    top: 79.3333px
}

.game-menu .game-menu-scroll {
    position: relative;
    width: 100%;
    height: .93rem;
    padding: 0 11.3333px;
    border-radius: .465rem;
    box-shadow: 0 .05rem 11.3333px 0 rgba(0,0,0,.1);
    background-image: linear-gradient(180deg,#5e5ea8,#3b3b89 2%,#252558)
}

.game-menu .game-menu-list {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.game-menu .game-menu-item {
    flex-shrink: 0;
    min-width: 62.3333px;
    height: 41.3667px;
    padding: 0 8.5px;
    margin-right: 8.5px;
    border-radius: .365rem;
    font-size: 13.6px;
    color: #fff
}

.game-menu .game-menu-item .game-menu-icon {
    position: relative;
    width: 100%;
    height: 100%;
    color: #abadc8;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.game-menu .game-menu-item .game-menu-name {
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.game-menu .game-menu-item.on {
    box-shadow: inset 0 .03rem .06rem 0 rgba(0,0,0,.16);
    background-color: #1c1c53;
    color: #ffc819
}

.hot-news-container {
    width: 100%;
    padding: 22.6667px 17px 0
}

.hot-news-container .hot-news-content {
    position: relative;
    width: 100%;
    border-radius: 11.3333px;
    overflow: hidden
}

.hot-news-container .hot-news-content .news-title {
    width: 100%;
    height: 56.6667px ;
    line-height: 56.6667px ;
    font-size: .36rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(270deg,#256bff,#3599ff)
}

.hot-news-container .hot-news-content .news-list {
    width: 100%;
    overflow: hidden;
    transform: translateZ(0)
}

.hot-news-container .hot-news-content .news-item {
    height: 3.9rem;
    transform: translateZ(0)
}

.hot-news-container .hot-news-content .news-item .video-container {
    position: relative;
    width: 100%;
    height: 100%
}

.hot-news-container .hot-news-content .news-item .video-overlay.on {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.hot-news-container .hot-news-content .news-item .js-iframe {
    width: 100%;
    height: 100%
}

.hot-news-container .hot-news-content .video-navigation {
    display: flex;
    justify-content: center;
    padding: 5.66667px 0
}

[data-theme=dark] .hot-news-container .hot-news-content .video-navigation,[data-theme=light] .hot-news-container .hot-news-content .video-navigation {
    background-color: !important
}

.hot-news-container .hot-news-content .video-navigation .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .46rem;
    height: .46rem;
    margin: 0 34px ;
    border-radius: 50%;
    color: #fff;
    background-color: #6d7d90
}

[data-theme=light] .hot-news-container .hot-news-content .video-navigation .nav-btn.swiper-button-disabled {
    background-color: #b2bac4!important
}

[data-theme=dark] .hot-news-container .hot-news-content .video-navigation .nav-btn.swiper-button-disabled {
    background-color: #909ba8!important
}

.hot-news-container .hot-news-content .video-navigation .nav-btn svg {
    display: block;
    width: 5.66667px;
    height: 10.2px
}

.scroll-num {
    position: relative;
    width: .22rem;
    height: 22.6667px;
    text-align: center
}

.scroll-num .animate-list {
    width: 100%;
    font-size: 18.1333px;
    color: #f7cc73;
    transition: transform 1s
}

.scroll-num .animate-list li {
    width: 100%;
    height: 22.6667px;
    display: flex;
    align-items: center;
    justify-content: center
}

.jackpot-container {
    width: 100%;
    margin-bottom: 11.3333px
}

.jackpot-container .jackpot-bg {
    position: relative;
    width: 100%;
    height: 1.856.6667px ;
    padding-top: 62.3333px
}

.jackpot-container .jackpot-widget {
    width: 100%;
    display: flex
}

.jackpot-container .jackpot-box {
    width: 100%;
    padding-left: 68px;
    position: relative
}

.jackpot-container .jackpot-num {
    display: flex;
    align-items: center
}

.jackpot-container .jackpot-num .symbol {
    height: 22.6667px;
    margin-right: 11.3333px;
    font-size: 18.1333px;
    color: #f7cc73;
    display: flex;
    align-items: center;
    justify-content: center
}

.jackpot-container .jackpot-num .num-list {
    height: 22.6667px;
    display: flex;
    color: #fff;
    overflow: hidden
}

.jackpot-container .jackpot-num .num-list .point {
    width: .14rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 18.1333px;
    color: #f7cc73
}

.lottery {
    width: 100%
}

.lottery img {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: .33rem;
    row-gap: 11.3333px
}

.lottery .lott-list.game-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 17px
}

.lottery .lott-list.game-list .lott-game-item {
    width: 100%;
    height: auto
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg {
    width: 100%;
    background: none!important
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg .lott-game-icon {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg .lott-game-icon img.icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.lottery .lott-list .lott-game-item {
    width: 100%;
    height: 134px ;
    overflow: hidden
}

.lottery .lott-list .lott-game-bg {
    position: relative;
    height: 100%;
    padding: 11.3333px .148rem .05rem 10.2px;
    border-radius: 1.13333px
}

.lottery .lott-list .lott-game-bg .fav-icon {
    position: absolute;
    right: 5.66667px;
    top: 5.66667px;
    width: 17px;
    height: 17px;
    color: #595959
}

.lottery .lott-list .lott-game-bg .fav-icon.on {
    color: #ffc819
}

.lottery .lott-list .lott-game-bg .fav-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list .lott-game {
    width: 100%;
    margin-top: 5.66667px
}

.lottery .lott-list .lott-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-right: 28.3333px ;
    flex: 1 1 0%
}

.lottery .lott-list .lott-name h6 {
    font-size: 13.6px;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lottery .lott-list .lott-game-info {
    display: flex;
    align-items: center
}

.lottery .lott-list .lott-game-info .lott-icon {
    flex-shrink: 0;
    position: relative;
    width: 34px ;
    height: 34px ;
    margin-right: 8.5px;
    overflow: hidden
}

.lottery .lott-list .lott-game-info .lott-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list .draw-time {
    width: .68rem;
    height: .56rem;
    display: flex;
    align-items: flex-end
}

.lottery .lott-list .win-time {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 13.6px;
    font-weight: 500
}

.lottery .lottery-time {
    line-height: 1;
    margin-top: .05rem;
    font-size: 13.6px;
    color: #ffc819
}

.promo-count-down,.promo-count-down .count-num {
    display: flex;
    align-items: center
}

.promo-count-down .count-num {
    justify-content: center;
    width: 100%;
    height: .63rem;
    border-radius: 5.66667px;
    font-size: .26rem;
    font-weight: 900;
    color: #fff;
    background-color: #4b4b8b
}

.promo-count-down .count-num .symbol {
    margin: 0 5.66667px
}

.promo-count-down .section-count.day {
    width: 68px;
    margin-right: 11.3333px
}

.promo-count-down .section-count.time {
    width: 25.66667px
}

.promo-count-down .section-count .unit {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5.66667px;
    font-size: 13.6px;
    font-weight: 500;
    color: #b2b2b2
}

.home-section .promo-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    padding-left: 17px;
    overflow-x: auto;
    overflow-y: hidden
}

.home-section .promo-list .promo-item {
    position: relative;
    flex-shrink: 0;
    width: 6rem;
    margin-right: 11.3333px;
    border-radius: 5.66667px;
    background-color: linear-gradient(0deg,#f4f2f1,#f4f2f1),radial-gradient(100% 100% at 100% 0,#042956 0,#060f28 100%);
    overflow: hidden
}

.home-section .promo-list .promo-image {
    display: block;
    width: 100%
}

.home-section .promo-list .promo-info {
    height:113.333px;
    padding: 13.0333px 17px 8.5px .29rem
}

.home-section .promo-list .promo-info .item-title {
    font-size: 17px;
    font-weight: 900;
    color: #e6d39b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-section .promo-list .promo-info .promo-end-date {
    margin-top: 11.3333px;
    display: flex;
    justify-content: space-between
}

.home-section .promo-list .promo-info .promo-no-expiry {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 245.3333px;
    height: .63rem;
    border-radius: 5.66667px;
    font-size: .26rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    background-color: #4b4b8b
}

.home-section .promo-list .promo-info .more-btn {
    min-width: 1.69rem;
    height: .63rem;
    line-height: .63rem;
    padding: 0 11.3333px;
    border-radius: 11.3333px;
    font-size: 13.6px;
    font-weight: 900;
    color: #000;
    text-align: center;
    box-shadow: inset 0 0 .06rem 0 #ffb206;
    background-image: linear-gradient(180deg,#fff79d,#ffd800)
}

.lott-list-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.lott-list-wrap .lottGame-list .week-menu {
    width: 100%;
    padding: 10.2px 5.66667px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.lott-list-wrap .lottGame-list .week-menu .lott-history svg {
    display: block;
    width: .34rem;
    height: .34rem
}

.lott-list-wrap .lottGame-list .week-menu .lott-item {
    font-size: 13.0333px;
    color: #fff
}

.lott-list-wrap .lottGame-list .week-menu .lott-item.on {
    color: #ffc819
}

.lott-list-wrap .lottGame-list .lottGame-scroll {
    padding: 11.3333px 10.2px 22.6667px 11.3333px
}

.terms-container {
    width: 100%;
    padding: 0 .33rem;
    margin-top: 22.6667px
}

.terms-container .bonus-img {
    display: block;
    width: 100%
}

.terms-container .terms-conditions {
    margin-top: 14.1667px;
    font-size: 13.6px;
    font-weight: 500;
    line-height: 1.46;
    text-align: center
}

[data-theme=light] .terms-container .terms-conditions {
    color: #fae990!important
}

[data-theme=dark] .terms-container .terms-conditions {
    color: #fff!important
}

.terms-container .terms-conditions .terms-link {
    text-decoration: underline
}

[data-theme=light] .terms-container .terms-conditions .terms-link {
    color: #152c5b!important
}

[data-theme=dark] .terms-container .terms-conditions .terms-link {
    color: #501c70!important
}

.shell-modal-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    overscroll-behavior: none
}

[data-theme=light] .shell-modal-mask {
    background: rgba(56,59,62,.6)!important
}

[data-theme=dark] .shell-modal-mask {
    background: rgba(4,11,38,.88)!important
}

.terms-popup {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001
}

.terms-popup .terms-popup-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10002;
    transform: translate(-50%,-50%);
    width: 611.3333px;
    height: 714.1667px;
    padding: .35rem 0;
    border-radius: 11.3333px
}

[data-theme=light] .terms-popup .terms-popup-content {
    background: #f1f5fc!important
}

[data-theme=dark] .terms-popup .terms-popup-content {
    background: #374057!important
}

.terms-popup .terms-popup-content .terms-title {
    flex-shrink: 0;
    margin-bottom: 17px;
    font-size: 18.1333px;
    color: #fff;
    text-align: center
}

.terms-popup .terms-popup-content .terms-content {
    flex: 1 1 0%;
    width: 100%;
    padding: 0 .35rem;
    font-size: .26rem;
    overflow-y: auto;
    overflow-x: hidden
}

[data-theme=light] .terms-popup .terms-popup-content .terms-content {
    color: #152c5b!important
}

[data-theme=dark] .terms-popup .terms-popup-content .terms-content {
    color: #fff!important
}

.terms-popup .terms-popup-content .terms-content .terms-item {
    margin-bottom: 28.3333px 
}

.terms-popup .terms-popup-content .terms-content .terms-item h5 {
    font-size: .36rem;
    margin-bottom: 5.66667px;
    text-align: center
}

.terms-popup .close-terms {
    position: absolute;
    left: 50%;
    bottom: -.7rem;
    transform: translateX(-50%);
    width: 25.5px;
    height: 25.5px;
    color: #fff
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-.06rem) rotateY(-9deg);
        transform: translateX(-.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(.05rem) rotateY(7deg);
        transform: translateX(.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-.03rem) rotateY(-5deg);
        transform: translateX(-.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(1.13333px) rotateY(3deg);
        transform: translateX(1.13333px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

.shine:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    transform: rotate(35deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,.13) 0,hsla(0,0%,100%,.13) 77%,hsla(0,0%,100%,.5) 92%,hsla(0,0%,100%,0));
    animation: animate-shine 4s ease 0s infinite
}

@keyframes animate-shine {
    80% {
        left: -60%;
        opacity: 0
    }

    to {
        left: 130%;
        opacity: 1
    }
}

@keyframes infinite-tada {
    78% {
        transform: scaleX(1)
    }

    80%,82% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    86%,90%,94%,98% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    88%,92%,96% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@supports(padding-bottom: constant(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-bottom:constant(safe-area-inset-bottom);
        --safe-area-inset-bottom: min(constant(safe-area-inset-bottom),0.37rem)
    }
}

@supports(padding-bottom: env(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-bottom:env(safe-area-inset-bottom);
        --safe-area-inset-bottom: min(env(safe-area-inset-bottom),0.37rem)
    }
}

:root {
    --s-app-modal-bg-rgb: 73,147,253;
    --s-app-modal-color: #fff;
    --s-logo: url(/m/logo.32d853fd.png)
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html body {
    -webkit-overflow-scrolling: touch
}

html body,html body button,html body input,html body optgroup,html body select,html body textarea {
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif
}

html body input::-webkit-input-placeholder {
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif
}

html body input:-moz-placeholder,html body input::-moz-placeholder {
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif
}

html body input:-ms-input-placeholder {
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.pointer {
    cursor: pointer
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.mc-home-test-link {
    display: inline-block;
    font-size: 22.6667px;
    width: 100%;
    padding: 17px 22.6667px;
    background: #6495ed;
    color: #fff;
    text-align: center
}

.mc-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mc-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#mc-animate-container {
    transition: transform .5s,opacity .8s
}

.fade-enter {
    opacity: 0;
    z-index: 1
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity 50ms ease-in
}

.fade-exit.fade-exit-active {
    opacity: 0
}

.this-home-bg {
    width: 100%;
    height: 100%;
    background: url(/m/bg.9eb3f39a.jpg) no-repeat;
    background-size: 100% 100%
}

#root .mc_app_box {
    width: 100%;
    overflow: hidden
}

.mc_app_box .mc_app_list {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mc_app_list .home_nav a {
    color: #7ab9e4!important
}

.am-modal-mask {
    background-color: rgba(0,0,0,.6)!important
}

.am-modal-button-group-h .am-modal-button {
    color: #009cff
}

.skype-chat .lwc-chat-frame {
    width: 80%!important;
    max-height: 80%!important
}

.skype-button.bubble a {
    display: block;
    opacity: 0!important;
    background-color: transparent;
    width: .7rem!important;
    height: .7rem!important;
    border-radius: 22.6667px;
    z-index: 88!important
}

.skype-button.bubble a .lwc-button-icon {
    display: none!important
}

body.change-position {
    position: fixed
}

.am-toast.am-toast-mask {
    z-index: 100000000000
}

.number-shell {
    font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue For Number,Roboto Mono,PingFang SC,Arial,sans-serif
}

.monospace-shell {
    font-family: Helvetica Neue,Roboto Mono,Avenir,sans-serif
}

.app-win a .icon {
    fill: currentColor
}

.none-exit {
    opacity: 0!important;
    display: none!important;
    position: absolute!important;
    right: -400rem!important
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -4.68rem 0
    }

    to {
        background-position: 4.68rem 0
    }
}

.loading-example {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #d8d8d8 linear-gradient(90deg,#d8d8d8 0,#bdbdbd 20%,#d8d8d8 40%,#d8d8d8) no-repeat;
    background-size: 100% 100%
}

.input-holder {
    position: fixed;
    left: -100rem;
    top: -100rem
}

.login_wrap,.register_wrap {
    padding: 0 0 28.3333px ;
    z-index: 10003
}

.login_wrap .form-banner,.register_wrap .form-banner {
    min-height: 211.3333px
}

.login_wrap .form-banner .default-banner,.register_wrap .form-banner .default-banner {
    display: block;
    width: 100%
}

.login_wrap .form_title,.register_wrap .form_title {
    padding: 70.8333px 0 11.3333px;
    font-size: 25.5px;
    font-weight: 700;
    color: #011022;
    text-align: center
}

.login_wrap .form-subtitle,.register_wrap .form-subtitle {
    margin-bottom: 34px ;
    font-size: 10.2px;
    font-weight: 500;
    color: #897d77;
    text-align: center
}

.login_wrap .form_banner .page-banner,.register_wrap .form_banner .page-banner {
    margin-top: .42rem
}

.login_wrap .already_account,.register_wrap .already_account {
    text-align: center;
    white-space: pre-wrap;
    margin-top: 28.3333px ;
    font-size: 15.8667px;
    font-weight: 500;
    color: #fff
}

.login_wrap .already_account .login_now,.register_wrap .already_account .login_now {
    margin-left: 5.66667px;
    color: #fdd82d
}

.login-form-bg,.register-form-bg {
    width: 100%
}

.form_wrap {
    width: 100%;
    padding: 0 .556.6667px 
}

.form_wrap .panel-default {
    min-height: 11.3333px;
    padding: .05rem 0 5.66667px;
    text-align: left
}

.form_wrap .panel-default strong {
    display: block;
    color: #ff6969;
    font-size: 13.6px;
    font-weight: 400;
    line-height: 1.4;
    padding-left: 4.53333px
}

.form_wrap .panel-default strong.on {
    display: block
}

.form_wrap .method_select {
    display: flex
}

.form_wrap .method_select .select-wrap {
    display: flex;
    gap: 10.2px;
    margin: auto;
    padding-bottom: 34px 
}

.form_wrap .method_select .select-wrap .method_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #897d77;
    font-size: .26rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 0 17px;
    height: 41.3667px;
    border-radius: .156.6667px ;
    background: #e4e0df
}

.form_wrap .method_select .select-wrap .method_toggle.on {
    color: #fff;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.form_wrap .no-method-select {
    height: .66rem
}

.form_wrap .form_inputs {
    flex: 1 1 0%
}

.form_wrap .checkbox-item {
    padding: 0 17px;
    margin-top: 11.3333px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    color: #fff
}

.form_wrap .checkbox-item .am-list-item {
    padding-left: 0;
    background-color: transparent
}

.form_wrap .checkbox-item .am-list-item .am-list-thumb {
    margin-right: 5.66667px
}

.form_wrap .checkbox-item .am-checkbox {
    width: 18.1333px;
    height: 18.1333px
}

.form_wrap .checkbox-item .am-checkbox .am-checkbox-input {
    width:113.333px;
    height: 18.1333px;
    padding-left: 0
}

.form_wrap .checkbox-item .am-checkbox .am-checkbox-inner {
    width: 18.1333px;
    height: 18.1333px;
    border-color: #fff;
    background-color: none
}

.form_wrap .checkbox-item .am-checkbox .am-checkbox-inner:after {
    top: 0;
    right: .06rem;
    width: 5.66667px;
    height: 10.2px
}

.form_wrap .checkbox-item .am-checkbox.am-checkbox-checked .am-checkbox-inner {
    background-color: #fff
}

.form_wrap .checkbox-item .am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
    border-color: rgba(0,0,0,.8)
}

.form_wrap .checkbox-item .am-list-content span {
    font-size: 17px;
    color: #fff
}

.form_wrap .outter_form .fixed_list,.form_wrap .outter_form .form-group {
    position: relative;
    z-index: 1
}

.form_wrap .outter_form .getCode {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 11.3333px;
    transform: translateY(-50%);
    font-size: 13.6px;
    font-weight: 600;
    color: #fff;
    padding: 0 8.5px;
    height: .7rem;
    text-align: center;
    border-radius: .09rem;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.form_wrap .outter_form .form_label {
    margin-bottom: 11.3333px;
    line-height: .6;
    font-size: 15.8667px
}

.form_wrap .outter_form .input_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 18.1333px;
    transform: translateY(-50%);
    width: 18.1333px;
    height: 18.1333px
}

.form_wrap .outter_form .input_icon svg {
    width: 100%;
    height: 100%;
    fill: url(#form-icon-active)
}

.form_wrap .outter_form .input_icon+input {
    padding: 0 .22rem 0 .97rem
}

.form_wrap .outter_form input {
    width: 100%;
    height: .87rem;
    line-height: normal;
    padding: 0 .22rem;
    font-size: .26rem;
    font-weight: 600;
    color: #011022;
    border: 1px solid transparent;
    border-radius: .13rem;
    background: #fff
}

.form_wrap .outter_form input:focus {
    border: 1px solid #ce0000
}

.form_wrap .outter_form input::placeholder {
    color: #897d77;
    font-weight: 600;
    font-size: .26rem
}

.form_wrap .outter_form .input_required {
    position: absolute;
    left: -11.3333px;
    top: 17px;
    font-size: 17px;
    color: #ff6969
}

.form_wrap .outter_form .right-icon {
    position: absolute;
    right: 17px;
    top: .22rem;
    width: 25.5px;
    height: 25.5px;
    margin-left: 11.3333px;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #897d77;
    display: flex;
    align-items: center;
    justify-content: center
}

.form_wrap .outter_form .right-icon .am-icon {
    width: .267rem;
    height: .17rem
}

.form_wrap .outter_form .remove-btn .am-icon {
    width: .2256.6667px ;
    height: .2256.6667px 
}

.form_wrap .outter_form .catchat_pic {
    position: absolute;
    right: 17px;
    top: 5.66667px;
    width: auto;
    height: 34px 
}

.form_wrap .outter_form .checkbox-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 11.3333px
}

.form_wrap .outter_form .checkbox-container+.submit-btn {
    margin-top: 34px 
}

.form_wrap .outter_form .submit-btn {
    width: 100%;
    height: .88rem;
    margin-top: 34px ;
    font-size: 18.1333px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: .13rem;
    background: linear-gradient(180deg,#ffc819,#ce0000)
}

.form_wrap .outter_form .submit-btn.register-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1.13333px solid #ffc819;
    color: #ffc819
}

.form_wrap .outter_form .submit-btn:disabled {
    background: #888
}

.form_wrap .form-menu {
    justify-content: center;
    text-align: center;
    margin-top: 34px 
}

.form_wrap .form-menu,.form_wrap .form-menu .menu_links {
    display: flex;
    align-items: center
}

.form_wrap .form-menu .menu-link {
    text-align: center;
    font-size: 13.6px;
    font-weight: 900;
    color: #ffc819;
    text-decoration: underline
}

.form_wrap .form-menu .menu-line {
    width: 1px;
    height: .44rem;
    margin: 0 22.1px;
    background: #707070
}

.form_logo {
    position: relative;
    height: 56.6667px ;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15.8667px
}

.form_logo img {
    position: absolute;
    left: 34px ;
    top: 0;
    height: 56.6667px 
}

.country-code-input {
    justify-content: space-evenly;
    position: absolute;
    left: 17px;
    top: 0;
    width: 1.9rem;
    height: .9rem;
    color: #4b5566;
    padding: 0 9.06667px;
    border-radius: .06rem
}

.country-code-input img {
    display: none
}

.country-code-input .country-code {
    font-size: 17px!important;
    font-weight: 600!important;
    position: relative;
    left: -.25rem
}

.country-code-input i {
    border-top: 4.53333px solid #5f5f7d;
    left: 45.3333px
}

.country-code-input+.input_icon+input.form-mobileNum {
    padding: 0 .22rem 0113.333px
}

.s-country-list-container .am-list-header {
    color: #b4b4b4
}

.s-country-list-container .popup-list {
    box-shadow: 0 -.03rem 5.66667px 0 rgba(0,0,0,.42);
    background-color: #44371a
}

.s-country-list-container .am-list-body {
    border-top: 1px solid #5339a7
}

.s-country-list-container .am-list-item .am-list-line:after {
    border-bottom: 1px solid hsla(0,0%,100%,.5)!important
}

.social-media-login {
    margin-top: 31.1667px;
    text-align: center
}

.social-media-login .tips {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin-bottom: 17px
}

.social-media-login .tips span {
    padding: 0 22.6667px;
    font-size: 17px;
    font-weight: 500;
    color: #897d77
}

.social-media-login .item-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .272rem
}

.social-media-login .item {
    display: flex;
    align-items: center;
    border-radius: .43rem;
    font-size: .29rem;
    font-weight: 500;
    color: #fff
}

.social-media-login .item.facebook svg,.social-media-login .item.google svg {
    display: block;
    width: .818rem;
    height: .818rem;
    border-radius: 11.3333px
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.svg-gradient {
    position: absolute;
    width: 0;
    height: 0
}

.s-country-list-container .am-list-header,.s-country-list-container .header-wrap .close-btn {
    color: #fff
}

[data-theme=light] .s-country-list-container .popup-list {
    background: #957bf1!important
}

[data-theme=dark] .s-country-list-container .popup-list {
    background: #181f2b!important
}

.s-country-list-container .am-list-body {
    background: none;
    border-top: 1px solid #fff
}

.s-country-list-container .am-list-item {
    background: none
}

.s-country-list-container .am-list-item .am-list-line:after {
    border-bottom: 1px solid #fff
}

.s-country-list-container .am-list-item .am-list-line .am-list-content {
    color: #fff
}

._container_box {
    width: 100%
}

._container_box.on {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow: hidden
}

._container_box .lazy-load-image-background {
    display: block!important;
    width: 100%
}

._container_box .img-loading {
    display: block;
    width: 100%
}

.collapse-accordion {
    border: none
}

.collapse-accordion .am-accordion-header {
    background: none!important
}

.collapse-accordion .am-accordion-header .arrow,.collapse-accordion .am-accordion-header:after {
    display: none!important
}

.collapse-accordion .am-accordion-content {
    background: none!important
}

.collapse-accordion .am-accordion-content-box:after {
    display: none!important
}